#D3C8CE#D3C8CE
#D3C8CE is a very light, near-neutral pink. Relative luminance 0.596; OKLCH L 84.3% C 0.015 H 343.3°. Best body text is #000000 at 12.92:1 contrast (WCAG AA passes).
Color values
| HEX | #D3C8CE |
|---|---|
| RGB | rgb(211, 200, 206) |
| HSL | hsl(327, 11%, 81%) |
| HSV | hsv(327, 5%, 83%) |
| CMYK | cmyk(0%, 5.2%, 2.4%, 17.3%) |
| CIE-LAB | lab(81.63, 4.88, -1.62) |
| CIE-LCH | lch(81.63, 5.14, 341.69°) |
| OKLab | oklab(84.35% 0.014 -0.0042) |
| OKLCH | oklch(84.35% 0.015 343.3) |
| XYZ | xyz(58.6573, 59.6141, 66.7971) |
| Luminance | 0.5961 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Light Gray
#D3D3D3
ΔE00 6.71
Silver
#C0C0C0
ΔE00 6.97
Gainsboro
#DCDCDC
ΔE00 7.59
Dove Gray
#B6B8BD
ΔE00 7.90
Fog
#D8DCE0
ΔE00 8.55
Thistle
#D8BFD8
ΔE00 8.91
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D3C8CE #C8D3CD
analogous
#D2C8D3 #D3C8CE #D3C8C8
triadic
#D3C8CE #CED3C8 #C8CED3
tetradic
#D3C8CE #D3D2C8 #C8D3CD #C8C8D3
square
#D3C8CE #D3D2C8 #C8D3CD #C8C8D3
split-complementary
#D3C8CE #C8D3C8 #C8D3D2
monochromatic
#9D8491 #B8A6B0 #D3C8CE #EEEAEC #F1EEF0
Accessibility & contrast
On white
1.63
#D3C8CE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.92
#D3C8CE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D3C8CE
12.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D3C8CE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D3C8CE | 1.00 | 1.63 | 12.92 | 12.92 |
| #FFFFFF | 1.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.92 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C8CACE
Deuteranopia (green-blind)
#CBCBCE
Tritanopia (blue-blind)
#D5C8CA
Achromatopsia (no color)
#CBCBCB
Design tokens & code
CSS
--color: #d3c8ce; /* rgb */ color: rgb(211, 200, 206); /* oklch */ color: oklch(84.3% 0.015 343.3);
Tailwind
colors: {
custom: {
50: '#e0d8dc',
500: '#d3c8ce',
950: '#000000',
},
}SCSS
$custom: #d3c8ce; $custom-light: #e0d8dc; $custom-dark: #000000;
JSON
{
"hex": "#d3c8ce",
"rgb": {
"r": 211,
"g": 200,
"b": 206
},
"hsl": {
"h": 327.273,
"s": 11.111,
"l": 80.588
},
"oklch": {
"l": 0.84346,
"c": 0.01466,
"h": 343.3
},
"luminance": 0.59614
}Semantic roles & 50–950 ramp
primary
#D3C8CE
secondary
#98A79F
accent
#957050
background
#FEFEFE
surface
#FCFBFC
border
#D5D4D5
text
#151415
muted
#848384