#DED1B9#DED1B9

#DED1B9 is a very light, muted orange. Relative luminance 0.646; OKLCH L 86.5% C 0.035 H 82.9°. Best body text is #000000 at 13.93:1 contrast (WCAG AA passes).

Color values

HEX#DED1B9
RGBrgb(222, 209, 185)
HSLhsl(39, 36%, 80%)
HSVhsv(39, 17%, 87%)
CMYKcmyk(0%, 5.9%, 16.7%, 12.9%)
CIE-LABlab(84.30, 0.58, 13.53)
CIE-LCHlch(84.30, 13.54, 87.54°)
OKLaboklab(86.49% 0.0044 0.0351)
OKLCHoklch(86.49% 0.035 82.9)
XYZxyz(61.6812, 64.6344, 55.1159)
Luminance0.6463 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DED1B9 #B9C6DE
analogous
#DEBFB9 #DED1B9 #D8DEB9
triadic
#DED1B9 #B9DED1 #D1B9DE
tetradic
#DED1B9 #B9DEBF #B9C6DE #DEB9D8
square
#DED1B9 #B9DEBF #B9C6DE #DEB9D8
split-complementary
#DED1B9 #B9D8DE #BFB9DE
monochromatic
#B79A66 #CAB68F #DED1B9 #F2ECE3 #F5F1EA

Accessibility & contrast

On white

1.51
#DED1B9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.93
#DED1B9 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DED1B9
13.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DED1B9#FFFFFF#000000##000000
##DED1B91.001.5113.9313.93
#FFFFFF1.511.0021.0021.00
#00000013.9321.001.001.00
##00000013.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#D7D0B8
Deuteranopia (green-blind)
#DBD4BA
Tritanopia (blue-blind)
#E5CDCA
Achromatopsia (no color)
#D2D2D2

Design tokens & code

CSS
--color: #ded1b9;
/* rgb */ color: rgb(222, 209, 185);
/* oklch */ color: oklch(86.5% 0.035 82.9);
Tailwind
colors: {
  custom: {
    50: '#e8dfce',
    500: '#ded1b9',
    950: '#000000',
  },
}
SCSS
$custom: #ded1b9;
$custom-light: #e8dfce;
$custom-dark: #000000;
JSON
{
  "hex": "#ded1b9",
  "rgb": {
    "r": 222,
    "g": 209,
    "b": 185
  },
  "hsl": {
    "h": 38.919,
    "s": 35.922,
    "l": 79.804
  },
  "oklch": {
    "l": 0.86488,
    "c": 0.03534,
    "h": 82.9
  },
  "luminance": 0.64633
}

Semantic roles & 50–950 ramp

primary
#DED1B9
secondary
#8596B6
accent
#61AF37
background
#FEFEFE
surface
#FCFCFA
border
#D5D5D3
text
#161513
muted
#848483

Preview Lab

Preview with #DED1B9

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

Preview Lab → · Contrast checker → · Palette generator →

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