#ADE978#ADE978

#ADE978 is a very light, vivid yellow-green. Relative luminance 0.685; OKLCH L 86.9% C 0.157 H 131.9°. Best body text is #000000 at 14.70:1 contrast (WCAG AA passes).

Color values

HEX	#ADE978
RGB	rgb(173, 233, 120)
HSL	hsl(92, 72%, 69%)
HSV	hsv(92, 48%, 91%)
CMYK	cmyk(25.8%, 0%, 48.5%, 8.6%)
CIE-LAB	lab(86.26, -37.81, 48.58)
CIE-LCH	lch(86.26, 61.56, 127.89°)
OKLab	oklab(86.85% -0.1047 0.1166)
OKLCH	oklch(86.85% 0.157 131.9)
XYZ	xyz(49.7619, 68.5168, 28.3689)
Luminance	0.6852 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Pistachio (survey)

#C0FA8B

ΔE00 3.85

Spring Green (survey)

Light Yellowish Green

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ADE978 #B478E9

analogous

#E6E978 #ADE978 #78E97C

triadic

#ADE978 #78ADE9 #E978AD

tetradic

#ADE978 #78E6E9 #B478E9 #E97C78

square

#ADE978 #78E6E9 #B478E9 #E97C78

split-complementary

#ADE978 #7C78E9 #E978E6

monochromatic

#6EC620 #8DE043 #ADE978 #CDF2AD #EDFAE1

Accessibility & contrast

On white

1.43

#ADE978 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.70

#ADE978 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ADE978

14.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ADE978	#FFFFFF	#000000	##000000
##ADE978	1.00	1.43	14.70	14.70
#FFFFFF	1.43	1.00	21.00	21.00
#000000	14.70	21.00	1.00	1.00
##000000	14.70	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F1DB6E

Deuteranopia (green-blind)

#E9D67F

Tritanopia (blue-blind)

#AFE1CF

Achromatopsia (no color)

#D8D8D8

Design tokens & code

CSS

--color: #ade978;
/* rgb */ color: rgb(173, 233, 120);
/* oklch */ color: oklch(86.9% 0.157 131.9);

Tailwind

colors: {
  custom: {
    50: '#c8f0a1',
    500: '#ade978',
    950: '#000000',
  },
}

SCSS

$custom: #ade978;
$custom-light: #c8f0a1;
$custom-dark: #000000;

JSON

{
  "hex": "#ade978",
  "rgb": {
    "r": 173,
    "g": 233,
    "b": 120
  },
  "hsl": {
    "h": 91.858,
    "s": 71.975,
    "l": 69.216
  },
  "oklch": {
    "l": 0.86854,
    "c": 0.15667,
    "h": 131.9
  },
  "luminance": 0.68518
}

Semantic roles & 50–950 ramp

primary

#ADE978

secondary

#8644C1

accent

#11D479

background

#FEFFFC

surface

#FAFEF5

border

#D3D6CF

text

#13160F

muted

#838580

Preview Lab

Preview with #ADE978

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

Preview Lab → · Contrast checker → · Palette generator →