#EAEB6B#EAEB6B

#EAEB6B is a very light, vivid yellow. Relative luminance 0.780; OKLCH L 91.5% C 0.150 H 109.4°. Best body text is #000000 at 16.59:1 contrast (WCAG AA passes).

Color values

HEX	#EAEB6B
RGB	rgb(234, 235, 107)
HSL	hsl(60, 76%, 67%)
HSV	hsv(60, 54%, 92%)
CMYK	cmyk(0.4%, 0%, 54.5%, 7.8%)
CIE-LAB	lab(90.77, -16.78, 60.86)
CIE-LCH	lch(90.77, 63.13, 105.41°)
OKLab	oklab(91.46% -0.0499 0.1415)
OKLCH	oklch(91.46% 0.15 109.4)
XYZ	xyz(66.2956, 77.9723, 25.4649)
Luminance	0.7797 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EAEB6B #6C6BEB

analogous

#EBAC6B #EAEB6B #AAEB6B

triadic

#EAEB6B #6BEAEB #EB6BEA

tetradic

#EAEB6B #6BEBAC #6C6BEB #EB6BAA

square

#EAEB6B #6BEBAC #6C6BEB #EB6BAA

split-complementary

#EAEB6B #6BAAEB #AC6BEB

monochromatic

#C0C11A #E2E435 #EAEB6B #F2F2A1 #F9FAD7

Accessibility & contrast

On white

1.27

#EAEB6B on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.59

#EAEB6B on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EAEB6B

16.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EAEB6B	#FFFFFF	#000000	##000000
##EAEB6B	1.00	1.27	16.59	16.59
#FFFFFF	1.27	1.00	21.00	21.00
#000000	16.59	21.00	1.00	1.00
##000000	16.59	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FCE25E

Deuteranopia (green-blind)

#FDE772

Tritanopia (blue-blind)

#F8DECF

Achromatopsia (no color)

#E5E5E5

Design tokens & code

CSS

--color: #eaeb6b;
/* rgb */ color: rgb(234, 235, 107);
/* oklch */ color: oklch(91.5% 0.150 109.4);

Tailwind

colors: {
  custom: {
    50: '#f3f199',
    500: '#eaeb6b',
    950: '#000000',
  },
}

SCSS

$custom: #eaeb6b;
$custom-light: #f3f199;
$custom-dark: #000000;

JSON

{
  "hex": "#eaeb6b",
  "rgb": {
    "r": 234,
    "g": 235,
    "b": 107
  },
  "hsl": {
    "h": 60.469,
    "s": 76.19,
    "l": 67.059
  },
  "oklch": {
    "l": 0.9146,
    "c": 0.15,
    "h": 109.4
  },
  "luminance": 0.77971
}

Semantic roles & 50–950 ramp

primary

#EAEB6B

secondary

#3B3AC0

accent

#0DD80F

background

#FFFFFC

surface

#FFFEF5

border

#D7D6CF

text

#17160E

muted

#85857F

Preview Lab

Preview with #EAEB6B

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

Preview Lab → · Contrast checker → · Palette generator →