#DCC1BF#DCC1BF

#DCC1BF is a very light, muted red. Relative luminance 0.571; OKLCH L 83.3% C 0.031 H 22.8°. Best body text is #000000 at 12.42:1 contrast (WCAG AA passes).

Color values

HEX#DCC1BF
RGBrgb(220, 193, 191)
HSLhsl(4, 29%, 81%)
HSVhsv(4, 13%, 86%)
CMYKcmyk(0%, 12.3%, 13.2%, 13.7%)
CIE-LABlab(80.25, 9.22, 4.52)
CIE-LCHlch(80.25, 10.26, 26.11°)
OKLaboklab(83.32% 0.0285 0.012)
OKLCHoklch(83.32% 0.031 22.8)
XYZxyz(57.9886, 57.1185, 57.2504)
Luminance0.5712 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DCC1BF #BFDADC
analogous
#DCBFCB #DCC1BF #DCCFBF
triadic
#DCC1BF #BFDCC1 #C1BFDC
tetradic
#DCC1BF #CBDCBF #BFDADC #CFBFDC
square
#DCC1BF #CBDCBF #BFDADC #CFBFDC
split-complementary
#DCC1BF #BFDCCF #BFCBDC
monochromatic
#B17470 #C69B97 #DCC1BF #F2E7E7 #F4ECEB

Accessibility & contrast

On white

1.69
#DCC1BF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.42
#DCC1BF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DCC1BF
12.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DCC1BF#FFFFFF#000000##000000
##DCC1BF1.001.6912.4212.42
#FFFFFF1.691.0021.0021.00
#00000012.4221.001.001.00
##00000012.4221.001.001.00

Color blindness preview

Protanopia (red-blind)
#C6C4BF
Deuteranopia (green-blind)
#CCC9BF
Tritanopia (blue-blind)
#E3BEC1
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #dcc1bf;
/* rgb */ color: rgb(220, 193, 191);
/* oklch */ color: oklch(83.3% 0.031 22.8);
Tailwind
colors: {
  custom: {
    50: '#e7d3d2',
    500: '#dcc1bf',
    950: '#000000',
  },
}
SCSS
$custom: #dcc1bf;
$custom-light: #e7d3d2;
$custom-dark: #000000;
JSON
{
  "hex": "#dcc1bf",
  "rgb": {
    "r": 220,
    "g": 193,
    "b": 191
  },
  "hsl": {
    "h": 4.138,
    "s": 29.293,
    "l": 80.588
  },
  "oklch": {
    "l": 0.83321,
    "c": 0.03092,
    "h": 22.8
  },
  "luminance": 0.57117
}

Semantic roles & 50–950 ramp

primary
#DCC1BF
secondary
#8CB0B3
accent
#A1A83E
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#161414
muted
#848383

Preview Lab

Preview with #DCC1BF

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

Preview Lab → · Contrast checker → · Palette generator →

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