#DEDF96#DEDF96

#DEDF96 is a very light, moderate yellow. Relative luminance 0.705; OKLCH L 88.6% C 0.093 H 108.8°. Best body text is #000000 at 15.10:1 contrast (WCAG AA passes).

Color values

HEX	#DEDF96
RGB	rgb(222, 223, 150)
HSL	hsl(61, 53%, 73%)
HSV	hsv(61, 33%, 87%)
CMYK	cmyk(0.4%, 0%, 32.7%, 12.5%)
CIE-LAB	lab(87.25, -11.35, 35.74)
CIE-LCH	lch(87.25, 37.50, 107.62°)
OKLab	oklab(88.61% -0.0302 0.0885)
OKLCH	oklch(88.61% 0.093 108.8)
XYZ	xyz(62.0173, 70.5080, 39.1906)
Luminance	0.7051 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DEDF96 #9796DF

analogous

#DFBB96 #DEDF96 #B9DF96

triadic

#DEDF96 #96DEDF #DF96DE

tetradic

#DEDF96 #96DFBB #9796DF #DF96B9

square

#DEDF96 #96DFBB #9796DF #DF96B9

split-complementary

#DEDF96 #96B9DF #BB96DF

monochromatic

#BEC03B #CFD167 #DEDF96 #EDEDC5 #F8F8E8

Accessibility & contrast

On white

1.39

#DEDF96 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.10

#DEDF96 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DEDF96

15.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DEDF96	#FFFFFF	#000000	##000000
##DEDF96	1.00	1.39	15.10	15.10
#FFFFFF	1.39	1.00	21.00	21.00
#000000	15.10	21.00	1.00	1.00
##000000	15.10	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EAD991

Deuteranopia (green-blind)

#EBDC99

Tritanopia (blue-blind)

#E8D6CC

Achromatopsia (no color)

#DBDBDB

Design tokens & code

CSS

--color: #dedf96;
/* rgb */ color: rgb(222, 223, 150);
/* oklch */ color: oklch(88.6% 0.093 108.8);

Tailwind

colors: {
  custom: {
    50: '#e9e8b5',
    500: '#dedf96',
    950: '#000000',
  },
}

SCSS

$custom: #dedf96;
$custom-light: #e9e8b5;
$custom-dark: #000000;

JSON

{
  "hex": "#dedf96",
  "rgb": {
    "r": 222,
    "g": 223,
    "b": 150
  },
  "hsl": {
    "h": 60.822,
    "s": 53.285,
    "l": 73.137
  },
  "oklch": {
    "l": 0.88605,
    "c": 0.09349,
    "h": 108.8
  },
  "luminance": 0.70507
}

Semantic roles & 50–950 ramp

primary

#DEDF96

secondary

#6362B7

accent

#25C127

background

#FEFEFD

surface

#FDFCF8

border

#D5D5D1

text

#161611

muted

#848481

Preview Lab

Preview with #DEDF96

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

Preview Lab → · Contrast checker → · Palette generator →