#EAEF8B#EAEF8B

#EAEF8B is a very light, vivid yellow. Relative luminance 0.811; OKLCH L 92.7% C 0.123 H 111.1°. Best body text is #000000 at 17.22:1 contrast (WCAG AA passes).

Color values

HEX#EAEF8B
RGBrgb(234, 239, 139)
HSLhsl(63, 76%, 74%)
HSVhsv(63, 42%, 94%)
CMYKcmyk(2.1%, 0%, 41.8%, 6.3%)
CIE-LABlab(92.17, -15.89, 47.68)
CIE-LCHlch(92.17, 50.26, 108.43°)
OKLaboklab(92.7% -0.0444 0.1152)
OKLCHoklch(92.7% 0.123 111.1)
XYZxyz(69.4594, 81.0907, 36.4141)
Luminance0.8109 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EAEF8B #908BEF
analogous
#EFC28B #EAEF8B #B8EF8B
triadic
#EAEF8B #8BEAEF #EF8BEA
tetradic
#EAEF8B #8BEFC2 #908BEF #EF8BB8
square
#EAEF8B #8BEFC2 #908BEF #EF8BB8
split-complementary
#EAEF8B #8BB8EF #C28BEF
monochromatic
#D7E01F #E0E855 #EAEF8B #F4F6C1 #FAFBE4

Accessibility & contrast

On white

1.22
#EAEF8B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.22
#EAEF8B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EAEF8B
17.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EAEF8B#FFFFFF#000000##000000
##EAEF8B1.001.2217.2217.22
#FFFFFF1.221.0021.0021.00
#00000017.2221.001.001.00
##00000017.2221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FDE783
Deuteranopia (green-blind)
#FDEA90
Tritanopia (blue-blind)
#F6E4D7
Achromatopsia (no color)
#E9E9E9

Design tokens & code

CSS
--color: #eaef8b;
/* rgb */ color: rgb(234, 239, 139);
/* oklch */ color: oklch(92.7% 0.123 111.1);
Tailwind
colors: {
  custom: {
    50: '#f2f4ae',
    500: '#eaef8b',
    950: '#000000',
  },
}
SCSS
$custom: #eaef8b;
$custom-light: #f2f4ae;
$custom-dark: #000000;
JSON
{
  "hex": "#eaef8b",
  "rgb": {
    "r": 234,
    "g": 239,
    "b": 139
  },
  "hsl": {
    "h": 63,
    "s": 75.758,
    "l": 74.118
  },
  "oklch": {
    "l": 0.92696,
    "c": 0.12346,
    "h": 111.1
  },
  "luminance": 0.8109
}

Semantic roles & 50–950 ramp

primary
#EAEF8B
secondary
#5A54CA
accent
#0ED818
background
#FFFFFD
surface
#FEFEF7
border
#D6D6D0
text
#171710
muted
#858581

Preview Lab

Preview with #EAEF8B

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

Preview Lab → · Contrast checker → · Palette generator →

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