#CBCFC6#CBCFC6
#CBCFC6 is a very light, near-neutral yellow-green. Relative luminance 0.614; OKLCH L 84.9% C 0.013 H 126.4°. Best body text is #000000 at 13.28:1 contrast (WCAG AA passes).
Color values
| HEX | #CBCFC6 |
|---|---|
| RGB | rgb(203, 207, 198) |
| HSL | hsl(87, 9%, 79%) |
| HSV | hsv(87, 4%, 81%) |
| CMYK | cmyk(1.9%, 0%, 4.3%, 18.8%) |
| CIE-LAB | lab(82.59, -3.00, 3.99) |
| CIE-LCH | lch(82.59, 4.99, 126.90°) |
| OKLab | oklab(84.88% -0.0077 0.0105) |
| OKLCH | oklch(84.88% 0.013 126.4) |
| XYZ | xyz(57.1328, 61.3993, 62.2565) |
| Luminance | 0.6140 (WCAG relative) |
| Temperature | neutral |
| Family | yellow-green |
Closest named colors
Light Grey
#D8DCD6
ΔE00 3.42
Silver (survey)
#C5C9C7
ΔE00 3.66
Light Gray
#D3D3D3
ΔE00 5.45
Silver
#C0C0C0
ΔE00 6.28
Gainsboro
#DCDCDC
ΔE00 6.29
Fog
#D8DCE0
ΔE00 7.51
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CBCFC6 #CAC6CF
analogous
#CFCFC6 #CBCFC6 #C7CFC6
triadic
#CBCFC6 #C6CBCF #CFC6CB
tetradic
#CBCFC6 #C6CFCF #CAC6CF #CFC6C7
square
#CBCFC6 #C6CFCF #CAC6CF #CFC6C7
split-complementary
#CBCFC6 #C6C7CF #CFC6CF
monochromatic
#8E9784 #ADB3A5 #CBCFC6 #E9EBE7 #F0F1EE
Accessibility & contrast
On white
1.58
#CBCFC6 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.28
#CBCFC6 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CBCFC6
13.28:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CBCFC6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBCFC6 | 1.00 | 1.58 | 13.28 | 13.28 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.28 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D0CEC6
Deuteranopia (green-blind)
#D0CDC6
Tritanopia (blue-blind)
#CCCECC
Achromatopsia (no color)
#CECECE
Design tokens & code
CSS
--color: #cbcfc6; /* rgb */ color: rgb(203, 207, 198); /* oklch */ color: oklch(84.9% 0.013 126.4);
Tailwind
colors: {
custom: {
50: '#daddd7',
500: '#cbcfc6',
950: '#000000',
},
}SCSS
$custom: #cbcfc6; $custom-light: #daddd7; $custom-dark: #000000;
JSON
{
"hex": "#cbcfc6",
"rgb": {
"r": 203,
"g": 207,
"b": 198
},
"hsl": {
"h": 86.667,
"s": 8.571,
"l": 79.412
},
"oklch": {
"l": 0.84884,
"c": 0.01302,
"h": 126.4
},
"luminance": 0.61399
}Semantic roles & 50–950 ramp
primary
#CBCFC6
secondary
#9C97A3
accent
#53936F
background
#FEFEFE
surface
#FBFCFB
border
#D4D5D4
text
#141514
muted
#838483