#DEC5CA#DEC5CA

#DEC5CA is a very light, muted red. Relative luminance 0.597; OKLCH L 84.6% C 0.029 H 4.1°. Best body text is #000000 at 12.95:1 contrast (WCAG AA passes).

Color values

HEX#DEC5CA
RGBrgb(222, 197, 202)
HSLhsl(348, 27%, 82%)
HSVhsv(348, 11%, 87%)
CMYKcmyk(0%, 11.3%, 9%, 12.9%)
CIE-LABlab(81.69, 9.62, 0.73)
CIE-LCHlch(81.69, 9.65, 4.32°)
OKLaboklab(84.58% 0.0289 0.0021)
OKLCHoklch(84.58% 0.029 4.1)
XYZxyz(60.7502, 59.7275, 64.1940)
Luminance0.5973 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DEC5CA #C5DED9
analogous
#DEC5D7 #DEC5CA #DECDC5
triadic
#DEC5CA #CADEC5 #C5CADE
tetradic
#DEC5CA #D7DEC5 #C5DED9 #CDC5DE
square
#DEC5CA #D7DEC5 #C5DED9 #CDC5DE
split-complementary
#DEC5CA #C5DECD #C5D7DE
monochromatic
#B27783 #C89EA6 #DEC5CA #F4EBED #F4EBED

Accessibility & contrast

On white

1.62
#DEC5CA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.95
#DEC5CA on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DEC5CA
12.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DEC5CA#FFFFFF#000000##000000
##DEC5CA1.001.6212.9512.95
#FFFFFF1.621.0021.0021.00
#00000012.9521.001.001.00
##00000012.9521.001.001.00

Color blindness preview

Protanopia (red-blind)
#C8C9CA
Deuteranopia (green-blind)
#CECDCA
Tritanopia (blue-blind)
#E3C4C7
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #dec5ca;
/* rgb */ color: rgb(222, 197, 202);
/* oklch */ color: oklch(84.6% 0.029 4.1);
Tailwind
colors: {
  custom: {
    50: '#e8d6da',
    500: '#dec5ca',
    950: '#000000',
  },
}
SCSS
$custom: #dec5ca;
$custom-light: #e8d6da;
$custom-dark: #000000;
JSON
{
  "hex": "#dec5ca",
  "rgb": {
    "r": 222,
    "g": 197,
    "b": 202
  },
  "hsl": {
    "h": 348,
    "s": 27.473,
    "l": 82.157
  },
  "oklch": {
    "l": 0.84581,
    "c": 0.02894,
    "h": 4.1
  },
  "luminance": 0.59726
}

Semantic roles & 50–950 ramp

primary
#DEC5CA
secondary
#92B5AE
accent
#A6923F
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#161414
muted
#848383

Preview Lab

Preview with #DEC5CA

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

Preview Lab → · Contrast checker → · Palette generator →

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