#ECDDBB#ECDDBB

#ECDDBB is a very light, muted orange. Relative luminance 0.731; OKLCH L 90.1% C 0.048 H 87.0°. Best body text is #000000 at 15.63:1 contrast (WCAG AA passes).

Color values

HEX#ECDDBB
RGBrgb(236, 221, 187)
HSLhsl(42, 56%, 83%)
HSVhsv(42, 21%, 93%)
CMYKcmyk(0%, 6.4%, 20.8%, 7.5%)
CIE-LABlab(88.51, -0.20, 18.57)
CIE-LCHlch(88.51, 18.57, 90.63°)
OKLaboklab(90.1% 0.0025 0.0477)
OKLCHoklch(90.1% 0.048 87)
XYZxyz(69.4181, 73.1350, 57.4637)
Luminance0.7313 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ECDDBB #BBCAEC
analogous
#ECC4BB #ECDDBB #E2ECBB
triadic
#ECDDBB #BBECDD #DDBBEC
tetradic
#ECDDBB #BBECC4 #BBCAEC #ECBBE2
square
#ECDDBB #BBECC4 #BBCAEC #ECBBE2
split-complementary
#ECDDBB #BBE2EC #C4BBEC
monochromatic
#D1AD5B #DFC58B #ECDDBB #F8F3E7 #F8F3E7

Accessibility & contrast

On white

1.34
#ECDDBB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.63
#ECDDBB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ECDDBB
15.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ECDDBB#FFFFFF#000000##000000
##ECDDBB1.001.3415.6315.63
#FFFFFF1.341.0021.0021.00
#00000015.6321.001.001.00
##00000015.6321.001.001.00

Color blindness preview

Protanopia (red-blind)
#E5DCB9
Deuteranopia (green-blind)
#E9E0BC
Tritanopia (blue-blind)
#F4D7D3
Achromatopsia (no color)
#DEDEDE

Design tokens & code

CSS
--color: #ecddbb;
/* rgb */ color: rgb(236, 221, 187);
/* oklch */ color: oklch(90.1% 0.048 87.0);
Tailwind
colors: {
  custom: {
    50: '#f2e7cf',
    500: '#ecddbb',
    950: '#000000',
  },
}
SCSS
$custom: #ecddbb;
$custom-light: #f2e7cf;
$custom-dark: #000000;
JSON
{
  "hex": "#ecddbb",
  "rgb": {
    "r": 236,
    "g": 221,
    "b": 187
  },
  "hsl": {
    "h": 41.633,
    "s": 56.322,
    "l": 82.941
  },
  "oklch": {
    "l": 0.90096,
    "c": 0.04777,
    "h": 87
  },
  "luminance": 0.73134
}

Semantic roles & 50–950 ramp

primary
#ECDDBB
secondary
#8298C9
accent
#53C422
background
#FFFEFE
surface
#FEFCFB
border
#D6D5D4
text
#171613
muted
#858483

Preview Lab

Preview with #ECDDBB

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

Preview Lab → · Contrast checker → · Palette generator →

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