#DEC9BB#DEC9BB

#DEC9BB is a very light, muted orange. Relative luminance 0.609; OKLCH L 85.0% C 0.030 H 56.0°. Best body text is #000000 at 13.18:1 contrast (WCAG AA passes).

Color values

HEX#DEC9BB
RGBrgb(222, 201, 187)
HSLhsl(24, 35%, 80%)
HSVhsv(24, 16%, 87%)
CMYKcmyk(0%, 9.5%, 15.8%, 12.9%)
CIE-LABlab(82.32, 5.07, 9.66)
CIE-LCHlch(82.32, 10.91, 62.29°)
OKLaboklab(84.95% 0.0171 0.0253)
OKLCHoklch(84.95% 0.03 56)
XYZxyz(59.9801, 60.8920, 55.5978)
Luminance0.6089 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DEC9BB #BBD0DE
analogous
#DEBBBE #DEC9BB #DEDABB
triadic
#DEC9BB #BBDEC9 #C9BBDE
tetradic
#DEC9BB #BEDEBB #BBD0DE #DABBDE
square
#DEC9BB #BEDEBB #BBD0DE #DABBDE
split-complementary
#DEC9BB #BBDEDA #BBBEDE
monochromatic
#B68869 #CAA892 #DEC9BB #F2EAE4 #F5EFEA

Accessibility & contrast

On white

1.59
#DEC9BB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.18
#DEC9BB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DEC9BB
13.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DEC9BB#FFFFFF#000000##000000
##DEC9BB1.001.5913.1813.18
#FFFFFF1.591.0021.0021.00
#00000013.1821.001.001.00
##00000013.1821.001.001.00

Color blindness preview

Protanopia (red-blind)
#CFCABA
Deuteranopia (green-blind)
#D4CFBB
Tritanopia (blue-blind)
#E5C5C5
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #dec9bb;
/* rgb */ color: rgb(222, 201, 187);
/* oklch */ color: oklch(85.0% 0.030 56.0);
Tailwind
colors: {
  custom: {
    50: '#e8d9cf',
    500: '#dec9bb',
    950: '#000000',
  },
}
SCSS
$custom: #dec9bb;
$custom-light: #e8d9cf;
$custom-dark: #000000;
JSON
{
  "hex": "#dec9bb",
  "rgb": {
    "r": 222,
    "g": 201,
    "b": 187
  },
  "hsl": {
    "h": 24,
    "s": 34.653,
    "l": 80.196
  },
  "oklch": {
    "l": 0.84953,
    "c": 0.03049,
    "h": 56
  },
  "luminance": 0.60891
}

Semantic roles & 50–950 ramp

primary
#DEC9BB
secondary
#87A3B6
accent
#7EAD38
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#161413
muted
#848383

Preview Lab

Preview with #DEC9BB

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

Preview Lab → · Contrast checker → · Palette generator →

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