#ABE335#ABE335

#ABE335 is a very light, highly saturated yellow-green. Relative luminance 0.639; OKLCH L 84.7% C 0.200 H 126.5°. Best body text is #000000 at 13.77:1 contrast (WCAG AA passes).

Color values

HEX	#ABE335
RGB	rgb(171, 227, 53)
HSL	hsl(79, 76%, 55%)
HSV	hsv(79, 77%, 89%)
CMYK	cmyk(24.7%, 0%, 76.7%, 11%)
CIE-LAB	lab(83.89, -41.13, 72.92)
CIE-LCH	lch(83.89, 83.72, 119.42°)
OKLab	oklab(84.72% -0.1189 0.1608)
OKLCH	oklch(84.72% 0.2 126.5)
XYZ	xyz(44.9065, 63.8523, 13.3263)
Luminance	0.6385 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ABE335 #6D35E3

analogous

#E3C435 #ABE335 #54E335

triadic

#ABE335 #35ABE3 #E335AB

tetradic

#ABE335 #35E3C4 #6D35E3 #E33554

square

#ABE335 #35E3C4 #6D35E3 #E33554

split-complementary

#ABE335 #3554E3 #C435E3

monochromatic

#648A13 #8BC01B #ABE335 #C1EA6B #D8F2A0

Accessibility & contrast

On white

1.52

#ABE335 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.77

#ABE335 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ABE335

13.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ABE335	#FFFFFF	#000000	##000000
##ABE335	1.00	1.52	13.77	13.77
#FFFFFF	1.52	1.00	21.00	21.00
#000000	13.77	21.00	1.00	1.00
##000000	13.77	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EFD300

Deuteranopia (green-blind)

#E7D047

Tritanopia (blue-blind)

#B2D8C3

Achromatopsia (no color)

#D1D1D1

Design tokens & code

CSS

--color: #abe335;
/* rgb */ color: rgb(171, 227, 53);
/* oklch */ color: oklch(84.7% 0.200 126.5);

Tailwind

colors: {
  custom: {
    50: '#c9ec7a',
    500: '#abe335',
    950: '#000000',
  },
}

SCSS

$custom: #abe335;
$custom-light: #c9ec7a;
$custom-dark: #000000;

JSON

{
  "hex": "#abe335",
  "rgb": {
    "r": 171,
    "g": 227,
    "b": 53
  },
  "hsl": {
    "h": 79.31,
    "s": 75.652,
    "l": 54.902
  },
  "oklch": {
    "l": 0.84719,
    "c": 0.20003,
    "h": 126.5
  },
  "luminance": 0.63853
}

Semantic roles & 50–950 ramp

primary

#ABE335

secondary

#4C2C90

accent

#36F272

background

#FEFEFB

surface

#FBFDF2

border

#D4D5CC

text

#14160A

muted

#83847D

Preview Lab

Preview with #ABE335

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

Preview Lab → · Contrast checker → · Palette generator →