#EAC03B#EAC03B

#EAC03B is a very light, vivid yellow. Relative luminance 0.555; OKLCH L 82.3% C 0.150 H 90.5°. Best body text is #000000 at 12.10:1 contrast (WCAG AA passes).

Color values

HEX#EAC03B
RGBrgb(234, 192, 59)
HSLhsl(46, 81%, 57%)
HSVhsv(46, 75%, 92%)
CMYKcmyk(0%, 17.9%, 74.8%, 8.2%)
CIE-LABlab(79.33, 2.10, 68.40)
CIE-LCHlch(79.33, 68.43, 88.24°)
OKLaboklab(82.27% -0.0013 0.1502)
OKLCHoklch(82.27% 0.15 90.5)
XYZxyz(53.5738, 55.5108, 12.0297)
Luminance0.5551 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EAC03B #3B65EA
analogous
#EA693B #EAC03B #BCEA3B
triadic
#EAC03B #3BEAC0 #C03BEA
tetradic
#EAC03B #3BEA69 #3B65EA #EA3BBC
square
#EAC03B #3BEA69 #3B65EA #EA3BBC
split-complementary
#EAC03B #3BBCEA #693BEA
monochromatic
#9A7911 #D1A516 #EAC03B #F0D272 #F6E4AA

Accessibility & contrast

On white

1.74
#EAC03B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.10
#EAC03B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EAC03B
12.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EAC03B#FFFFFF#000000##000000
##EAC03B1.001.7412.1012.10
#FFFFFF1.741.0021.0021.00
#00000012.1021.001.001.00
##00000012.1021.001.001.00

Color blindness preview

Protanopia (red-blind)
#D6BE24
Deuteranopia (green-blind)
#E0C942
Tritanopia (blue-blind)
#FDB0A6
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #eac03b;
/* rgb */ color: rgb(234, 192, 59);
/* oklch */ color: oklch(82.3% 0.150 90.5);
Tailwind
colors: {
  custom: {
    50: '#f5d27a',
    500: '#eac03b',
    950: '#000000',
  },
}
SCSS
$custom: #eac03b;
$custom-light: #f5d27a;
$custom-dark: #000000;
JSON
{
  "hex": "#eac03b",
  "rgb": {
    "r": 234,
    "g": 192,
    "b": 59
  },
  "hsl": {
    "h": 45.6,
    "s": 80.645,
    "l": 57.451
  },
  "oklch": {
    "l": 0.8227,
    "c": 0.15018,
    "h": 90.5
  },
  "luminance": 0.55507
}

Semantic roles & 50–950 ramp

primary
#EAC03B
secondary
#2C479D
accent
#60F731
background
#FFFEFB
surface
#FFFBF2
border
#D7D4CC
text
#18140A
muted
#86837D

Preview Lab

Preview with #EAC03B

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

Preview Lab → · Contrast checker → · Palette generator →

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