#5AEE57#5AEE57

#5AEE57 is a very light, highly saturated green. Relative luminance 0.640; OKLCH L 83.9% C 0.230 H 142.9°. Best body text is #000000 at 13.80:1 contrast (WCAG AA passes).

Color values

HEX#5AEE57
RGBrgb(90, 238, 87)
HSLhsl(119, 82%, 64%)
HSVhsv(119, 63%, 93%)
CMYKcmyk(62.2%, 0%, 63.4%, 6.7%)
CIE-LABlab(83.97, -67.44, 59.73)
CIE-LCHlch(83.97, 90.09, 138.47°)
OKLaboklab(83.94% -0.1833 0.1386)
OKLCHoklch(83.94% 0.23 142.9)
XYZxyz(36.5092, 64.0073, 19.4456)
Luminance0.6401 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5AEE57 #EB57EE
analogous
#A5EE57 #5AEE57 #57EE9F
triadic
#5AEE57 #575AEE #EE575A
tetradic
#5AEE57 #57A5EE #EB57EE #EE9F57
square
#5AEE57 #57A5EE #EB57EE #EE9F57
split-complementary
#5AEE57 #9F57EE #EE57A5
monochromatic
#16B813 #23E81F #5AEE57 #91F48F #C7F9C6

Accessibility & contrast

On white

1.52
#5AEE57 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.80
#5AEE57 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5AEE57
13.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5AEE57#FFFFFF#000000##000000
##5AEE571.001.5213.8013.80
#FFFFFF1.521.0021.0021.00
#00000013.8021.001.001.00
##00000013.8021.001.001.00

Color blindness preview

Protanopia (red-blind)
#F3D945
Deuteranopia (green-blind)
#E1CD64
Tritanopia (blue-blind)
#3CE7CE
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #5aee57;
/* rgb */ color: rgb(90, 238, 87);
/* oklch */ color: oklch(83.9% 0.230 142.9);
Tailwind
colors: {
  custom: {
    50: '#98f58c',
    500: '#5aee57',
    950: '#000000',
  },
}
SCSS
$custom: #5aee57;
$custom-light: #98f58c;
$custom-dark: #000000;
JSON
{
  "hex": "#5aee57",
  "rgb": {
    "r": 90,
    "g": 238,
    "b": 87
  },
  "hsl": {
    "h": 118.808,
    "s": 81.622,
    "l": 63.725
  },
  "oklch": {
    "l": 0.83939,
    "c": 0.22984,
    "h": 142.9
  },
  "luminance": 0.64011
}

Semantic roles & 50–950 ramp

primary
#5AEE57
secondary
#B532B7
accent
#08DEDA
background
#FCFFFC
surface
#F6FEF4
border
#D0D6CE
text
#0F170C
muted
#80857F

Preview Lab

Preview with #5AEE57

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

Preview Lab → · Contrast checker → · Palette generator →

#5AEE57 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva