#D4C8CA#D4C8CA

#D4C8CA is a very light, near-neutral red. Relative luminance 0.596; OKLCH L 84.3% C 0.014 H 5.9°. Best body text is #000000 at 12.91:1 contrast (WCAG AA passes).

Color values

HEX#D4C8CA
RGBrgb(212, 200, 202)
HSLhsl(350, 12%, 81%)
HSVhsv(350, 6%, 83%)
CMYKcmyk(0%, 5.7%, 4.7%, 16.9%)
CIE-LABlab(81.60, 4.52, 0.50)
CIE-LCHlch(81.60, 4.55, 6.33°)
OKLaboklab(84.31% 0.0136 0.0014)
OKLCHoklch(84.31% 0.014 5.9)
XYZxyz(58.4650, 59.5704, 64.2839)
Luminance0.5957 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D4C8CA #C8D4D2
analogous
#D4C8D0 #D4C8CA #D4CCC8
triadic
#D4C8CA #CAD4C8 #C8CAD4
tetradic
#D4C8CA #D0D4C8 #C8D4D2 #CCC8D4
square
#D4C8CA #D0D4C8 #C8D4D2 #CCC8D4
split-complementary
#D4C8CA #C8D4CC #C8D0D4
monochromatic
#9E8388 #B9A6A9 #D4C8CA #EFEAEB #F2EEEE

Accessibility & contrast

On white

1.63
#D4C8CA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.91
#D4C8CA on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D4C8CA
12.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D4C8CA#FFFFFF#000000##000000
##D4C8CA1.001.6312.9112.91
#FFFFFF1.631.0021.0021.00
#00000012.9121.001.001.00
##00000012.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#C9CACA
Deuteranopia (green-blind)
#CCCCCA
Tritanopia (blue-blind)
#D7C7C9
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #d4c8ca;
/* rgb */ color: rgb(212, 200, 202);
/* oklch */ color: oklch(84.3% 0.014 5.9);
Tailwind
colors: {
  custom: {
    50: '#e1d8da',
    500: '#d4c8ca',
    950: '#000000',
  },
}
SCSS
$custom: #d4c8ca;
$custom-light: #e1d8da;
$custom-dark: #000000;
JSON
{
  "hex": "#d4c8ca",
  "rgb": {
    "r": 212,
    "g": 200,
    "b": 202
  },
  "hsl": {
    "h": 350,
    "s": 12.245,
    "l": 80.784
  },
  "oklch": {
    "l": 0.84313,
    "c": 0.01366,
    "h": 5.9
  },
  "luminance": 0.5957
}

Semantic roles & 50–950 ramp

primary
#D4C8CA
secondary
#98A8A6
accent
#968A4F
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#151414
muted
#848383

Preview Lab

Preview with #D4C8CA

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#D4C8CA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva