#5FFB89#5FFB89

#5FFB89 is a very light, highly saturated green. Relative luminance 0.732; OKLCH L 87.9% C 0.203 H 149.1°. Best body text is #000000 at 15.65:1 contrast (WCAG AA passes).

Color values

HEX#5FFB89
RGBrgb(95, 251, 137)
HSLhsl(136, 95%, 68%)
HSVhsv(136, 62%, 98%)
CMYKcmyk(62.2%, 0%, 45.4%, 1.6%)
CIE-LABlab(88.56, -64.68, 42.63)
CIE-LCHlch(88.56, 77.47, 146.61°)
OKLaboklab(87.94% -0.1746 0.1043)
OKLCHoklch(87.94% 0.203 149.1)
XYZxyz(43.7286, 73.2290, 35.4922)
Luminance0.7323 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5FFB89 #FB5FD1
analogous
#83FB5F #5FFB89 #5FFBD7
triadic
#5FFB89 #895FFB #FB895F
tetradic
#5FFB89 #5F83FB #FB5FD1 #FBD75F
square
#5FFB89 #5F83FB #FB5FD1 #FBD75F
split-complementary
#5FFB89 #D75FFB #FB5F83
monochromatic
#05DA3F #23FA5D #5FFB89 #9BFCB5 #D6FEE1

Accessibility & contrast

On white

1.34
#5FFB89 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.65
#5FFB89 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5FFB89
15.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5FFB89#FFFFFF#000000##000000
##5FFB891.001.3415.6515.65
#FFFFFF1.341.0021.0021.00
#00000015.6521.001.001.00
##00000015.6521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FDE780
Deuteranopia (green-blind)
#E9D991
Tritanopia (blue-blind)
#2CF7E0
Achromatopsia (no color)
#DEDEDE

Design tokens & code

CSS
--color: #5ffb89;
/* rgb */ color: rgb(95, 251, 137);
/* oklch */ color: oklch(87.9% 0.203 149.1);
Tailwind
colors: {
  custom: {
    50: '#9bfead',
    500: '#5ffb89',
    950: '#000000',
  },
}
SCSS
$custom: #5ffb89;
$custom-light: #9bfead;
$custom-dark: #000000;
JSON
{
  "hex": "#5ffb89",
  "rgb": {
    "r": 95,
    "g": 251,
    "b": 137
  },
  "hsl": {
    "h": 136.154,
    "s": 95.122,
    "l": 67.843
  },
  "oklch": {
    "l": 0.87941,
    "c": 0.20341,
    "h": 149.1
  },
  "luminance": 0.73233
}

Semantic roles & 50–950 ramp

primary
#5FFB89
secondary
#D42AA6
accent
#00A8E6
background
#FCFFFD
surface
#F6FFF7
border
#D0D7D0
text
#0F1810
muted
#808681

Preview Lab

Preview with #5FFB89

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

Preview Lab → · Contrast checker → · Palette generator →

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