#E8DBAE#E8DBAE

#E8DBAE is a very light, moderate yellow. Relative luminance 0.709; OKLCH L 89.1% C 0.061 H 93.9°. Best body text is #000000 at 15.18:1 contrast (WCAG AA passes).

Color values

HEX#E8DBAE
RGBrgb(232, 219, 174)
HSLhsl(47, 56%, 80%)
HSVhsv(47, 25%, 91%)
CMYKcmyk(0%, 5.6%, 25%, 9%)
CIE-LABlab(87.42, -2.47, 23.79)
CIE-LCHlch(87.42, 23.91, 95.94°)
OKLaboklab(89.08% -0.0041 0.0605)
OKLCHoklch(89.08% 0.061 93.9)
XYZxyz(66.2504, 70.8763, 50.2267)
Luminance0.7087 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E8DBAE #AEBBE8
analogous
#E8BEAE #E8DBAE #D8E8AE
triadic
#E8DBAE #AEE8DB #DBAEE8
tetradic
#E8DBAE #AEE8BE #AEBBE8 #E8AED8
square
#E8DBAE #AEE8BE #AEBBE8 #E8AED8
split-complementary
#E8DBAE #AED8E8 #BEAEE8
monochromatic
#CDB14F #DAC67E #E8DBAE #F6F0DE #F8F4E7

Accessibility & contrast

On white

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

On black

15.18
#E8DBAE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E8DBAE
15.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E8DBAE#FFFFFF#000000##000000
##E8DBAE1.001.3815.1815.18
#FFFFFF1.381.0021.0021.00
#00000015.1821.001.001.00
##00000015.1821.001.001.00

Color blindness preview

Protanopia (red-blind)
#E5D9AB
Deuteranopia (green-blind)
#E8DDAF
Tritanopia (blue-blind)
#F1D4CF
Achromatopsia (no color)
#DBDBDB

Design tokens & code

CSS
--color: #e8dbae;
/* rgb */ color: rgb(232, 219, 174);
/* oklch */ color: oklch(89.1% 0.061 93.9);
Tailwind
colors: {
  custom: {
    50: '#f0e6c6',
    500: '#e8dbae',
    950: '#000000',
  },
}
SCSS
$custom: #e8dbae;
$custom-light: #f0e6c6;
$custom-dark: #000000;
JSON
{
  "hex": "#e8dbae",
  "rgb": {
    "r": 232,
    "g": 219,
    "b": 174
  },
  "hsl": {
    "h": 46.552,
    "s": 55.769,
    "l": 79.608
  },
  "oklch": {
    "l": 0.89076,
    "c": 0.06059,
    "h": 93.9
  },
  "luminance": 0.70875
}

Semantic roles & 50–950 ramp

primary
#E8DBAE
secondary
#7788C3
accent
#46C322
background
#FFFEFD
surface
#FEFCF9
border
#D6D5D2
text
#161513
muted
#858482

Preview Lab

Preview with #E8DBAE

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

Preview Lab → · Contrast checker → · Palette generator →

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