#E8CA52#E8CA52

#E8CA52 is a very light, vivid yellow. Relative luminance 0.600; OKLCH L 84.3% C 0.141 H 95.1°. Best body text is #000000 at 13.00:1 contrast (WCAG AA passes).

Color values

HEX#E8CA52
RGBrgb(232, 202, 82)
HSLhsl(48, 77%, 62%)
HSVhsv(48, 65%, 91%)
CMYKcmyk(0%, 12.9%, 64.7%, 9%)
CIE-LABlab(81.84, -2.76, 61.81)
CIE-LCHlch(81.84, 61.87, 92.56°)
OKLaboklab(84.26% -0.0125 0.1403)
OKLCHoklch(84.26% 0.141 95.1)
XYZxyz(55.9248, 60.0089, 16.6182)
Luminance0.6001 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E8CA52 #5270E8
analogous
#E87F52 #E8CA52 #BBE852
triadic
#E8CA52 #52E8CA #CA52E8
tetradic
#E8CA52 #52E87F #5270E8 #E852BB
square
#E8CA52 #52E87F #5270E8 #E852BB
split-complementary
#E8CA52 #52BBE8 #7F52E8
monochromatic
#A98C16 #DFB81E #E8CA52 #EFDB88 #F6EBBE

Accessibility & contrast

On white

1.62
#E8CA52 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.00
#E8CA52 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E8CA52
13.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E8CA52#FFFFFF#000000##000000
##E8CA521.001.6213.0013.00
#FFFFFF1.621.0021.0021.00
#00000013.0021.001.001.00
##00000013.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#DEC644
Deuteranopia (green-blind)
#E5CF58
Tritanopia (blue-blind)
#FABBB1
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #e8ca52;
/* rgb */ color: rgb(232, 202, 82);
/* oklch */ color: oklch(84.3% 0.141 95.1);
Tailwind
colors: {
  custom: {
    50: '#f3d988',
    500: '#e8ca52',
    950: '#000000',
  },
}
SCSS
$custom: #e8ca52;
$custom-light: #f3d988;
$custom-dark: #000000;
JSON
{
  "hex": "#e8ca52",
  "rgb": {
    "r": 232,
    "g": 202,
    "b": 82
  },
  "hsl": {
    "h": 48,
    "s": 76.531,
    "l": 61.569
  },
  "oklch": {
    "l": 0.84259,
    "c": 0.14086,
    "h": 95.1
  },
  "luminance": 0.60006
}

Semantic roles & 50–950 ramp

primary
#E8CA52
secondary
#344BAB
accent
#36D90D
background
#FFFEFC
surface
#FFFBF4
border
#D7D4CE
text
#17140C
muted
#85837F

Preview Lab

Preview with #E8CA52

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

Preview Lab → · Contrast checker → · Palette generator →

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