#90F899#90F899

#90F899 is a very light, vivid green. Relative luminance 0.754; OKLCH L 89.3% C 0.162 H 146.0°. Best body text is #000000 at 16.07:1 contrast (WCAG AA passes).

Color values

HEX	#90F899
RGB	rgb(144, 248, 153)
HSL	hsl(125, 88%, 77%)
HSV	hsv(125, 42%, 97%)
CMYK	cmyk(41.9%, 0%, 38.3%, 2.7%)
CIE-LAB	lab(89.56, -49.20, 36.42)
CIE-LCH	lch(89.56, 61.21, 143.49°)
OKLab	oklab(89.3% -0.1339 0.0904)
OKLCH	oklch(89.3% 0.162 146)
XYZ	xyz(50.8161, 75.3608, 41.9992)
Luminance	0.7536 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#90F899 #F890EF

analogous

#BBF890 #90F899 #90F8CD

triadic

#90F899 #9990F8 #F89990

tetradic

#90F899 #90BBF8 #F890EF #F8CD90

square

#90F899 #90BBF8 #F890EF #F8CD90

split-complementary

#90F899 #CD90F8 #F890BB

monochromatic

#1DF12F #56F464 #90F899 #CAFCCE #E2FDE5

Accessibility & contrast

On white

1.31

#90F899 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.07

#90F899 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #90F899

16.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##90F899	#FFFFFF	#000000	##000000
##90F899	1.00	1.31	16.07	16.07
#FFFFFF	1.31	1.00	21.00	21.00
#000000	16.07	21.00	1.00	1.00
##000000	16.07	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FBE792

Deuteranopia (green-blind)

#ECDD9F

Tritanopia (blue-blind)

#81F3E0

Achromatopsia (no color)

#E1E1E1

Design tokens & code

CSS

--color: #90f899;
/* rgb */ color: rgb(144, 248, 153);
/* oklch */ color: oklch(89.3% 0.162 146.0);

Tailwind

colors: {
  custom: {
    50: '#b5fbb8',
    500: '#90f899',
    950: '#000000',
  },
}

SCSS

$custom: #90f899;
$custom-light: #b5fbb8;
$custom-dark: #000000;

JSON

{
  "hex": "#90f899",
  "rgb": {
    "r": 144,
    "g": 248,
    "b": 153
  },
  "hsl": {
    "h": 125.192,
    "s": 88.136,
    "l": 76.863
  },
  "oklch": {
    "l": 0.89299,
    "c": 0.16151,
    "h": 146
  },
  "luminance": 0.75364
}

Semantic roles & 50–950 ramp

primary

#90F899

secondary

#D755CC

accent

#01D1E5

background

#FDFFFD

surface

#F8FFF8

border

#D1D7D1

text

#121711

muted

#828581

Preview Lab

Preview with #90F899

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

Preview Lab → · Contrast checker → · Palette generator →