#CBCCD1 Color (Hex and RGB)
#CBCCD1
#cbccd1 has RGB values (203, 204, 209). The color reads primarily as light gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #CBCCD1 | RCBGCCBD1 | |
| RGB | rgb(203 204 209) | R203G204B209 | |
| HSL | hsl(230 6% 81%) | H230°S6%L81% | |
| OKLCH | oklch(85% 0.01 277) | L0.85C0.01H277° | |
| HSV | hsv(230, 3%, 82%) | H230°S3%V82% | |
| CMYK | cmyk(3%, 2%, 0%, 18%) | C3%M2%Y0%K18% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11001011 | 11001100 | 11010001 |
| Octal | 313 | 314 | 321 |
| Decimal | 203 | 204 | 209 |
| Hex | cb | cc | d1 |
Shades & tints
Shades mix #CBCCD1 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #CBCCD10%
- #BABBBF9%
- #A8A9AD17%
- #97989C26%
- #86878A34%
- #75757843%
- #63646651%
- #52535559%
- #41414368%
- #30303177%
- #1E1F1F85%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#CBCCD1 on #FFFFFF
1.60:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#CBCCD1 on #000000
13.10:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #CBCCD1
1.60:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #CBCCD1
13.10:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #cbccd1; - Background
background-color: #cbccd1; - CSS variable
--color-cbccd1: #cbccd1; - Modern CSS
color: oklch(85% 0.01 277); - SCSS
$color-cbccd1: #cbccd1; - Tailwind
bg-[#cbccd1] text-[#cbccd1] - HTML
<div style="background-color: #cbccd1"></div>