#EDD9BC#EDD9BC

#EDD9BC is a very light, muted orange. Relative luminance 0.713; OKLCH L 89.4% C 0.044 H 77.2°. Best body text is #000000 at 15.25:1 contrast (WCAG AA passes).

Color values

HEX#EDD9BC
RGBrgb(237, 217, 188)
HSLhsl(36, 58%, 83%)
HSVhsv(36, 21%, 93%)
CMYKcmyk(0%, 8.4%, 20.7%, 7.1%)
CIE-LABlab(87.61, 2.37, 16.80)
CIE-LCHlch(87.61, 16.96, 81.99°)
OKLaboklab(89.42% 0.0098 0.0433)
OKLCHoklch(89.42% 0.044 77.2)
XYZxyz(68.8150, 71.2627, 57.6972)
Luminance0.7126 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EDD9BC #BCD0ED
analogous
#EDC0BC #EDD9BC #E8EDBC
triadic
#EDD9BC #BCEDD9 #D9BCED
tetradic
#EDD9BC #BCEDC0 #BCD0ED #EDBCE8
square
#EDD9BC #BCEDC0 #BCD0ED #EDBCE8
split-complementary
#EDD9BC #BCE8ED #C0BCED
monochromatic
#D3A25C #E0BE8C #EDD9BC #F9F1E7 #F9F1E7

Accessibility & contrast

On white

1.38
#EDD9BC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.25
#EDD9BC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EDD9BC
15.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EDD9BC#FFFFFF#000000##000000
##EDD9BC1.001.3815.2515.25
#FFFFFF1.381.0021.0021.00
#00000015.2521.001.001.00
##00000015.2521.001.001.00

Color blindness preview

Protanopia (red-blind)
#E1D9BA
Deuteranopia (green-blind)
#E6DEBD
Tritanopia (blue-blind)
#F6D3D1
Achromatopsia (no color)
#DCDCDC

Design tokens & code

CSS
--color: #edd9bc;
/* rgb */ color: rgb(237, 217, 188);
/* oklch */ color: oklch(89.4% 0.044 77.2);
Tailwind
colors: {
  custom: {
    50: '#f3e4d0',
    500: '#edd9bc',
    950: '#000000',
  },
}
SCSS
$custom: #edd9bc;
$custom-light: #f3e4d0;
$custom-dark: #000000;
JSON
{
  "hex": "#edd9bc",
  "rgb": {
    "r": 237,
    "g": 217,
    "b": 188
  },
  "hsl": {
    "h": 35.51,
    "s": 57.647,
    "l": 83.333
  },
  "oklch": {
    "l": 0.89415,
    "c": 0.04441,
    "h": 77.2
  },
  "luminance": 0.71261
}

Semantic roles & 50–950 ramp

primary
#EDD9BC
secondary
#83A0CA
accent
#64C520
background
#FFFEFE
surface
#FEFCFB
border
#D6D5D4
text
#171514
muted
#858483

Preview Lab

Preview with #EDD9BC

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

Preview Lab → · Contrast checker → · Palette generator →

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