#EAE6DD#EAE6DD

#EAE6DD is a very light, near-neutral orange. Relative luminance 0.793; OKLCH L 92.6% C 0.013 H 86.8°. Best body text is #000000 at 16.86:1 contrast (WCAG AA passes).

Color values

HEX#EAE6DD
RGBrgb(234, 230, 221)
HSLhsl(42, 24%, 89%)
HSVhsv(42, 6%, 92%)
CMYKcmyk(0%, 1.7%, 5.6%, 8.2%)
CIE-LABlab(91.37, -0.21, 4.85)
CIE-LCHlch(91.37, 4.86, 92.44°)
OKLaboklab(92.56% 0.0007 0.0128)
OKLCHoklch(92.56% 0.013 86.8)
XYZxyz(75.2779, 79.3069, 79.7346)
Luminance0.7931 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EAE6DD #DDE1EA
analogous
#EAE0DD #EAE6DD #E8EADD
triadic
#EAE6DD #DDEAE6 #E6DDEA
tetradic
#EAE6DD #DDEAE0 #DDE1EA #EADDE8
square
#EAE6DD #DDEAE0 #DDE1EA #EADDE8
split-complementary
#EAE6DD #DDE8EA #E0DDEA
monochromatic
#BBAE91 #D3CAB7 #EAE6DD #F3F1EC #F3F1EC

Accessibility & contrast

On white

1.25
#EAE6DD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.86
#EAE6DD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EAE6DD
16.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EAE6DD#FFFFFF#000000##000000
##EAE6DD1.001.2516.8616.86
#FFFFFF1.251.0021.0021.00
#00000016.8621.001.001.00
##00000016.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#E8E6DD
Deuteranopia (green-blind)
#E9E7DD
Tritanopia (blue-blind)
#EDE4E3
Achromatopsia (no color)
#E6E6E6

Design tokens & code

CSS
--color: #eae6dd;
/* rgb */ color: rgb(234, 230, 221);
/* oklch */ color: oklch(92.6% 0.013 86.8);
Tailwind
colors: {
  custom: {
    50: '#f0ede7',
    500: '#eae6dd',
    950: '#000000',
  },
}
SCSS
$custom: #eae6dd;
$custom-light: #f0ede7;
$custom-dark: #000000;
JSON
{
  "hex": "#eae6dd",
  "rgb": {
    "r": 234,
    "g": 230,
    "b": 221
  },
  "hsl": {
    "h": 41.538,
    "s": 23.636,
    "l": 89.216
  },
  "oklch": {
    "l": 0.92557,
    "c": 0.01281,
    "h": 86.8
  },
  "luminance": 0.79307
}

Semantic roles & 50–950 ramp

primary
#EAE6DD
secondary
#A9B1C2
accent
#61A243
background
#FFFEFE
surface
#FEFDFC
border
#D6D5D5
text
#161616
muted
#858484

Preview Lab

Preview with #EAE6DD

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

Preview Lab → · Contrast checker → · Palette generator →

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