#E9DA55#E9DA55

#E9DA55 is a very light, vivid yellow. Relative luminance 0.681; OKLCH L 87.6% C 0.151 H 102.9°. Best body text is #000000 at 14.62:1 contrast (WCAG AA passes).

Color values

HEX#E9DA55
RGBrgb(233, 218, 85)
HSLhsl(54, 77%, 62%)
HSVhsv(54, 64%, 91%)
CMYKcmyk(0%, 6.4%, 63.5%, 8.6%)
CIE-LABlab(86.07, -10.28, 65.08)
CIE-LCHlch(86.07, 65.89, 98.97°)
OKLaboklab(87.64% -0.0337 0.1476)
OKLCHoklch(87.64% 0.151 102.9)
XYZxyz(60.3177, 68.1247, 18.5647)
Luminance0.6812 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E9DA55 #5564E9
analogous
#E99055 #E9DA55 #AEE955
triadic
#E9DA55 #55E9DA #DA55E9
tetradic
#E9DA55 #55E990 #5564E9 #E955AE
square
#E9DA55 #55E990 #5564E9 #E955AE
split-complementary
#E9DA55 #55AEE9 #9055E9
monochromatic
#AD9E16 #E2CE1F #E9DA55 #F0E68B #F7F2C1

Accessibility & contrast

On white

1.44
#E9DA55 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.62
#E9DA55 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E9DA55
14.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E9DA55#FFFFFF#000000##000000
##E9DA551.001.4414.6214.62
#FFFFFF1.441.0021.0021.00
#00000014.6221.001.001.00
##00000014.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#EDD345
Deuteranopia (green-blind)
#F1DA5D
Tritanopia (blue-blind)
#FACCBE
Achromatopsia (no color)
#D7D7D7

Design tokens & code

CSS
--color: #e9da55;
/* rgb */ color: rgb(233, 218, 85);
/* oklch */ color: oklch(87.6% 0.151 102.9);
Tailwind
colors: {
  custom: {
    50: '#f3e58b',
    500: '#e9da55',
    950: '#000000',
  },
}
SCSS
$custom: #e9da55;
$custom-light: #f3e58b;
$custom-dark: #000000;
JSON
{
  "hex": "#e9da55",
  "rgb": {
    "r": 233,
    "g": 218,
    "b": 85
  },
  "hsl": {
    "h": 53.919,
    "s": 77.083,
    "l": 62.353
  },
  "oklch": {
    "l": 0.87638,
    "c": 0.15145,
    "h": 102.9
  },
  "luminance": 0.68122
}

Semantic roles & 50–950 ramp

primary
#E9DA55
secondary
#3440AE
accent
#21D90C
background
#FFFEFC
surface
#FFFCF4
border
#D7D5CE
text
#17150C
muted
#85847F

Preview Lab

Preview with #E9DA55

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

Preview Lab → · Contrast checker → · Palette generator →

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