#96E211#96E211

#96E211 is a very light, highly saturated yellow-green. Relative luminance 0.609; OKLCH L 83.1% C 0.221 H 130.1°. Best body text is #000000 at 13.18:1 contrast (WCAG AA passes).

Color values

HEX	#96E211
RGB	rgb(150, 226, 17)
HSL	hsl(82, 86%, 48%)
HSV	hsv(82, 92%, 89%)
CMYK	cmyk(33.6%, 0%, 92.5%, 11.4%)
CIE-LAB	lab(82.33, -49.55, 78.75)
CIE-LCH	lch(82.33, 93.04, 122.18°)
OKLab	oklab(83.11% -0.1422 0.1691)
OKLCH	oklch(83.11% 0.221 130.1)
XYZ	xyz(39.8751, 60.9158, 10.1872)
Luminance	0.6092 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#96E211 #5D11E2

analogous

#E2C511 #96E211 #2EE211

triadic

#96E211 #1196E2 #E21196

tetradic

#96E211 #11E2C5 #5D11E2 #E2112E

square

#96E211 #11E2C5 #5D11E2 #E2112E

split-complementary

#96E211 #112EE2 #C511E2

monochromatic

#4A7008 #70A90D #96E211 #B0F140 #C8F579

Accessibility & contrast

On white

1.59

#96E211 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.18

#96E211 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #96E211

13.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##96E211	#FFFFFF	#000000	##000000
##96E211	1.00	1.59	13.18	13.18
#FFFFFF	1.59	1.00	21.00	21.00
#000000	13.18	21.00	1.00	1.00
##000000	13.18	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EDD000

Deuteranopia (green-blind)

#E3CB34

Tritanopia (blue-blind)

#9AD8C0

Achromatopsia (no color)

#CDCDCD

Design tokens & code

CSS

--color: #96e211;
/* rgb */ color: rgb(150, 226, 17);
/* oklch */ color: oklch(83.1% 0.221 130.1);

Tailwind

colors: {
  custom: {
    50: '#bbeb6e',
    500: '#96e211',
    950: '#000000',
  },
}

SCSS

$custom: #96e211;
$custom-light: #bbeb6e;
$custom-dark: #000000;

JSON

{
  "hex": "#96e211",
  "rgb": {
    "r": 150,
    "g": 226,
    "b": 17
  },
  "hsl": {
    "h": 81.818,
    "s": 86.008,
    "l": 47.647
  },
  "oklch": {
    "l": 0.83113,
    "c": 0.22095,
    "h": 130.1
  },
  "luminance": 0.60917
}

Semantic roles & 50–950 ramp

primary

#96E211

secondary

#3F1E79

accent

#2CFC77

background

#FDFEFB

surface

#F9FDF1

border

#D2D5CB

text

#131609

muted

#82847D

Preview Lab

Preview with #96E211

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

Preview Lab → · Contrast checker → · Palette generator →