#E5E15B#E5E15B

#E5E15B is a very light, vivid yellow. Relative luminance 0.713; OKLCH L 88.8% C 0.154 H 107.5°. Best body text is #000000 at 15.25:1 contrast (WCAG AA passes).

Color values

HEX#E5E15B
RGBrgb(229, 225, 91)
HSLhsl(58, 73%, 63%)
HSVhsv(58, 60%, 90%)
CMYKcmyk(0%, 1.7%, 60.3%, 10.2%)
CIE-LABlab(87.61, -15.02, 64.14)
CIE-LCHlch(87.61, 65.88, 103.18°)
OKLaboklab(88.8% -0.0463 0.1466)
OKLCHoklch(88.8% 0.154 107.5)
XYZxyz(61.1286, 71.2656, 20.4311)
Luminance0.7126 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E5E15B #5B5FE5
analogous
#E59C5B #E5E15B #A4E55B
triadic
#E5E15B #5BE5E1 #E15BE5
tetradic
#E5E15B #5BE59C #5B5FE5 #E55BA4
square
#E5E15B #5BE59C #5B5FE5 #E55BA4
split-complementary
#E5E15B #5BA4E5 #9C5BE5
monochromatic
#ABA61B #DDD726 #E5E15B #EDEB90 #F6F4C5

Accessibility & contrast

On white

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

On black

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

Best text color

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

Contrast matrix

fg \ bg##E5E15B#FFFFFF#000000##000000
##E5E15B1.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)
#F2D94B
Deuteranopia (green-blind)
#F5DE63
Tritanopia (blue-blind)
#F4D3C5
Achromatopsia (no color)
#DCDCDC

Design tokens & code

CSS
--color: #e5e15b;
/* rgb */ color: rgb(229, 225, 91);
/* oklch */ color: oklch(88.8% 0.154 107.5);
Tailwind
colors: {
  custom: {
    50: '#f0ea8f',
    500: '#e5e15b',
    950: '#000000',
  },
}
SCSS
$custom: #e5e15b;
$custom-light: #f0ea8f;
$custom-dark: #000000;
JSON
{
  "hex": "#e5e15b",
  "rgb": {
    "r": 229,
    "g": 225,
    "b": 91
  },
  "hsl": {
    "h": 58.261,
    "s": 72.632,
    "l": 62.745
  },
  "oklch": {
    "l": 0.88804,
    "c": 0.15375,
    "h": 107.5
  },
  "luminance": 0.71264
}

Semantic roles & 50–950 ramp

primary
#E5E15B
secondary
#383BAC
accent
#16D511
background
#FFFEFC
surface
#FEFCF4
border
#D6D5CE
text
#17160D
muted
#85847F

Preview Lab

Preview with #E5E15B

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

Preview Lab → · Contrast checker → · Palette generator →

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