#90E696#90E696

#90E696 is a very light, vivid green. Relative luminance 0.647; OKLCH L 85.0% C 0.138 H 145.8°. Best body text is #000000 at 13.95:1 contrast (WCAG AA passes).

Color values

HEX	#90E696
RGB	rgb(144, 230, 150)
HSL	hsl(124, 63%, 73%)
HSV	hsv(124, 37%, 90%)
CMYK	cmyk(37.4%, 0%, 34.8%, 9.8%)
CIE-LAB	lab(84.34, -41.94, 31.02)
CIE-LCH	lch(84.34, 52.16, 143.51°)
OKLab	oklab(85.04% -0.1143 0.0776)
OKLCH	oklch(85.04% 0.138 145.8)
XYZ	xyz(45.3012, 64.7224, 38.9539)
Luminance	0.6472 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#90E696 #E690E0

analogous

#B5E690 #90E696 #90E6C1

triadic

#90E696 #9690E6 #E69690

tetradic

#90E696 #90B5E6 #E690E0 #E6C190

square

#90E696 #90B5E6 #E690E0 #E6C190

split-complementary

#90E696 #C190E6 #E690B5

monochromatic

#2ECD39 #5EDB67 #90E696 #C2F1C5 #E6F9E7

Accessibility & contrast

On white

1.51

#90E696 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.95

#90E696 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #90E696

13.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##90E696	#FFFFFF	#000000	##000000
##90E696	1.00	1.51	13.95	13.95
#FFFFFF	1.51	1.00	21.00	21.00
#000000	13.95	21.00	1.00	1.00
##000000	13.95	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E9D891

Deuteranopia (green-blind)

#DCCF9B

Tritanopia (blue-blind)

#85E2D2

Achromatopsia (no color)

#D2D2D2

Design tokens & code

CSS

--color: #90e696;
/* rgb */ color: rgb(144, 230, 150);
/* oklch */ color: oklch(85.0% 0.138 145.8);

Tailwind

colors: {
  custom: {
    50: '#b4eeb5',
    500: '#90e696',
    950: '#000000',
  },
}

SCSS

$custom: #90e696;
$custom-light: #b4eeb5;
$custom-dark: #000000;

JSON

{
  "hex": "#90e696",
  "rgb": {
    "r": 144,
    "g": 230,
    "b": 150
  },
  "hsl": {
    "h": 124.186,
    "s": 63.235,
    "l": 73.333
  },
  "oklch": {
    "l": 0.85037,
    "c": 0.13813,
    "h": 145.8
  },
  "luminance": 0.64725
}

Semantic roles & 50–950 ramp

primary

#90E696

secondary

#C05BB8

accent

#1ABFCB

background

#FDFFFD

surface

#F8FEF8

border

#D1D6D1

text

#111611

muted

#818581

Preview Lab

Preview with #90E696

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

Preview Lab → · Contrast checker → · Palette generator →