#90F3A6#90F3A6

#90F3A6 is a very light, vivid green. Relative luminance 0.728; OKLCH L 88.4% C 0.142 H 149.9°. Best body text is #000000 at 15.56:1 contrast (WCAG AA passes).

Color values

HEX#90F3A6
RGBrgb(144, 243, 166)
HSLhsl(133, 80%, 76%)
HSVhsv(133, 41%, 95%)
CMYKcmyk(40.7%, 0%, 31.7%, 4.7%)
CIE-LABlab(88.34, -44.97, 28.26)
CIE-LCHlch(88.34, 53.11, 147.85°)
OKLaboklab(88.38% -0.1226 0.0712)
OKLCHoklch(88.38% 0.142 149.9)
XYZxyz(50.4322, 72.7804, 47.4596)
Luminance0.7278 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#90F3A6 #F390DD
analogous
#ABF390 #90F3A6 #90F3D7
triadic
#90F3A6 #A690F3 #F3A690
tetradic
#90F3A6 #90ABF3 #F390DD #F3D790
square
#90F3A6 #90ABF3 #F390DD #F3D790
split-complementary
#90F3A6 #D790F3 #F390AB
monochromatic
#22E74D #59ED7A #90F3A6 #C7F9D2 #E3FCE9

Accessibility & contrast

On white

1.35
#90F3A6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.56
#90F3A6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #90F3A6
15.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##90F3A6#FFFFFF#000000##000000
##90F3A61.001.3515.5615.56
#FFFFFF1.351.0021.0021.00
#00000015.5621.001.001.00
##00000015.5621.001.001.00

Color blindness preview

Protanopia (red-blind)
#F4E4A1
Deuteranopia (green-blind)
#E5DAAB
Tritanopia (blue-blind)
#7FF0DF
Achromatopsia (no color)
#DEDEDE

Design tokens & code

CSS
--color: #90f3a6;
/* rgb */ color: rgb(144, 243, 166);
/* oklch */ color: oklch(88.4% 0.142 149.9);
Tailwind
colors: {
  custom: {
    50: '#b4f7c1',
    500: '#90f3a6',
    950: '#000000',
  },
}
SCSS
$custom: #90f3a6;
$custom-light: #b4f7c1;
$custom-dark: #000000;
JSON
{
  "hex": "#90f3a6",
  "rgb": {
    "r": 144,
    "g": 243,
    "b": 166
  },
  "hsl": {
    "h": 133.333,
    "s": 80.488,
    "l": 75.882
  },
  "oklch": {
    "l": 0.88377,
    "c": 0.14181,
    "h": 149.9
  },
  "luminance": 0.72784
}

Semantic roles & 50–950 ramp

primary
#90F3A6
secondary
#D057B5
accent
#09AEDD
background
#FDFFFD
surface
#F8FFF9
border
#D1D7D2
text
#111712
muted
#818582

Preview Lab

Preview with #90F3A6

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

Preview Lab → · Contrast checker → · Palette generator →

#90F3A6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva