#CDBFC6#CDBFC6
#CDBFC6 is a light, near-neutral pink. Relative luminance 0.543; OKLCH L 81.8% C 0.018 H 345.7°. Best body text is #000000 at 11.86:1 contrast (WCAG AA passes).
Color values
| HEX | #CDBFC6 |
|---|---|
| RGB | rgb(205, 191, 198) |
| HSL | hsl(330, 12%, 78%) |
| HSV | hsv(330, 7%, 80%) |
| CMYK | cmyk(0%, 6.8%, 3.4%, 19.6%) |
| CIE-LAB | lab(78.65, 6.15, -1.74) |
| CIE-LCH | lch(78.65, 6.39, 344.22°) |
| OKLab | oklab(81.83% 0.0178 -0.0045) |
| OKLCH | oklch(81.83% 0.018 345.7) |
| XYZ | xyz(53.9994, 54.3185, 61.0549) |
| Luminance | 0.5432 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Silver
#C0C0C0
ΔE00 7.78
Pinkish Grey
#C8ACA9
ΔE00 7.79
Thistle
#D8BFD8
ΔE00 7.81
Dove Gray
#B6B8BD
ΔE00 8.10
Light Gray
#D3D3D3
ΔE00 8.73
Gainsboro
#DCDCDC
ΔE00 9.87
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CDBFC6 #BFCDC6
analogous
#CDBFCD #CDBFC6 #CDBFBF
triadic
#CDBFC6 #C6CDBF #BFC6CD
tetradic
#CDBFC6 #CDCDBF #BFCDC6 #BFBFCD
square
#CDBFC6 #CDCDBF #BFCDC6 #BFBFCD
split-complementary
#CDBFC6 #BFCDBF #BFCDCD
monochromatic
#977A89 #B29DA7 #CDBFC6 #E8E1E5 #F2EEF0
Accessibility & contrast
On white
1.77
#CDBFC6 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.86
#CDBFC6 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CDBFC6
11.86:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CDBFC6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDBFC6 | 1.00 | 1.77 | 11.86 | 11.86 |
| #FFFFFF | 1.77 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.86 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C0C1C6
Deuteranopia (green-blind)
#C3C3C6
Tritanopia (blue-blind)
#CFBFC1
Achromatopsia (no color)
#C3C3C3
Design tokens & code
CSS
--color: #cdbfc6; /* rgb */ color: rgb(205, 191, 198); /* oklch */ color: oklch(81.8% 0.018 345.7);
Tailwind
colors: {
custom: {
50: '#dcd2d7',
500: '#cdbfc6',
950: '#000000',
},
}SCSS
$custom: #cdbfc6; $custom-light: #dcd2d7; $custom-dark: #000000;
JSON
{
"hex": "#cdbfc6",
"rgb": {
"r": 205,
"g": 191,
"b": 198
},
"hsl": {
"h": 330,
"s": 12.281,
"l": 77.647
},
"oklch": {
"l": 0.81825,
"c": 0.01837,
"h": 345.7
},
"luminance": 0.54318
}Semantic roles & 50–950 ramp
primary
#CDBFC6
secondary
#8FA198
accent
#96734F
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#151414
muted
#848383