#5FEB69#5FEB69

#5FEB69 is a very light, highly saturated green. Relative luminance 0.629; OKLCH L 83.5% C 0.211 H 144.6°. Best body text is #000000 at 13.57:1 contrast (WCAG AA passes).

Color values

HEX#5FEB69
RGBrgb(95, 235, 105)
HSLhsl(124, 78%, 65%)
HSVhsv(124, 60%, 92%)
CMYKcmyk(59.6%, 0%, 55.3%, 7.8%)
CIE-LABlab(83.37, -63.33, 51.28)
CIE-LCHlch(83.37, 81.49, 141.00°)
OKLaboklab(83.54% -0.1716 0.122)
OKLCHoklch(83.54% 0.211 144.6)
XYZxyz(36.9752, 62.8660, 23.5477)
Luminance0.6287 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5FEB69 #EB5FE1
analogous
#9BEB5F #5FEB69 #5FEBAF
triadic
#5FEB69 #695FEB #EB695F
tetradic
#5FEB69 #5F9BEB #EB5FE1 #EBAF5F
square
#5FEB69 #5F9BEB #EB5FE1 #EBAF5F
split-complementary
#5FEB69 #AF5FEB #EB5F9B
monochromatic
#17B923 #29E436 #5FEB69 #95F29C #CCF9CF

Accessibility & contrast

On white

1.55
#5FEB69 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.57
#5FEB69 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5FEB69
13.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5FEB69#FFFFFF#000000##000000
##5FEB691.001.5513.5713.57
#FFFFFF1.551.0021.0021.00
#00000013.5721.001.001.00
##00000013.5721.001.001.00

Color blindness preview

Protanopia (red-blind)
#EFD75C
Deuteranopia (green-blind)
#DDCB73
Tritanopia (blue-blind)
#42E5CE
Achromatopsia (no color)
#D0D0D0

Design tokens & code

CSS
--color: #5feb69;
/* rgb */ color: rgb(95, 235, 105);
/* oklch */ color: oklch(83.5% 0.211 144.6);
Tailwind
colors: {
  custom: {
    50: '#9af297',
    500: '#5feb69',
    950: '#000000',
  },
}
SCSS
$custom: #5feb69;
$custom-light: #9af297;
$custom-dark: #000000;
JSON
{
  "hex": "#5feb69",
  "rgb": {
    "r": 95,
    "g": 235,
    "b": 105
  },
  "hsl": {
    "h": 124.286,
    "s": 77.778,
    "l": 64.706
  },
  "oklch": {
    "l": 0.83541,
    "c": 0.21056,
    "h": 144.6
  },
  "luminance": 0.62869
}

Semantic roles & 50–950 ramp

primary
#5FEB69
secondary
#B836AF
accent
#0BCBDA
background
#FCFFFC
surface
#F5FEF5
border
#CFD6CF
text
#0F170E
muted
#80857F

Preview Lab

Preview with #5FEB69

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

Preview Lab → · Contrast checker → · Palette generator →

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