#EEBC5B#EEBC5B

#EEBC5B is a very light, vivid orange. Relative luminance 0.549; OKLCH L 82.2% C 0.128 H 81.9°. Best body text is #000000 at 11.98:1 contrast (WCAG AA passes).

Color values

HEX#EEBC5B
RGBrgb(238, 188, 91)
HSLhsl(40, 81%, 65%)
HSVhsv(40, 62%, 93%)
CMYKcmyk(0%, 21%, 61.8%, 6.7%)
CIE-LABlab(78.99, 7.58, 54.84)
CIE-LCHlch(78.99, 55.36, 82.13°)
OKLaboklab(82.17% 0.0181 0.1266)
OKLCHoklch(82.17% 0.128 81.9)
XYZxyz(55.1344, 54.9025, 17.5888)
Luminance0.5490 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EEBC5B #5B8DEE
analogous
#EE735B #EEBC5B #D6EE5B
triadic
#EEBC5B #5BEEBC #BC5BEE
tetradic
#EEBC5B #5BEE73 #5B8DEE #EE5BD6
square
#EEBC5B #5BEE73 #5B8DEE #EE5BD6
split-complementary
#EEBC5B #5BD6EE #735BEE
monochromatic
#BB8213 #E8A524 #EEBC5B #F4D392 #F9E9CA

Accessibility & contrast

On white

1.75
#EEBC5B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.98
#EEBC5B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EEBC5B
11.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EEBC5B#FFFFFF#000000##000000
##EEBC5B1.001.7511.9811.98
#FFFFFF1.751.0021.0021.00
#00000011.9821.001.001.00
##00000011.9821.001.001.00

Color blindness preview

Protanopia (red-blind)
#D1BC51
Deuteranopia (green-blind)
#DDC95E
Tritanopia (blue-blind)
#FFADA6
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #eebc5b;
/* rgb */ color: rgb(238, 188, 91);
/* oklch */ color: oklch(82.2% 0.128 81.9);
Tailwind
colors: {
  custom: {
    50: '#f7cf8d',
    500: '#eebc5b',
    950: '#000000',
  },
}
SCSS
$custom: #eebc5b;
$custom-light: #f7cf8d;
$custom-dark: #000000;
JSON
{
  "hex": "#eebc5b",
  "rgb": {
    "r": 238,
    "g": 188,
    "b": 91
  },
  "hsl": {
    "h": 39.592,
    "s": 81.215,
    "l": 64.51
  },
  "oklch": {
    "l": 0.82166,
    "c": 0.12784,
    "h": 81.9
  },
  "luminance": 0.54899
}

Semantic roles & 50–950 ramp

primary
#EEBC5B
secondary
#3361BA
accent
#51DE08
background
#FFFEFC
surface
#FFFBF4
border
#D7D4CE
text
#18130C
muted
#86837F

Preview Lab

Preview with #EEBC5B

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

Preview Lab → · Contrast checker → · Palette generator →

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