#5CF77F#5CF77F

#5CF77F is a very light, highly saturated green. Relative luminance 0.703; OKLCH L 86.7% C 0.208 H 147.9°. Best body text is #000000 at 15.07:1 contrast (WCAG AA passes).

Color values

HEX#5CF77F
RGBrgb(92, 247, 127)
HSLhsl(134, 91%, 66%)
HSVhsv(134, 63%, 97%)
CMYKcmyk(62.8%, 0%, 48.6%, 3.1%)
CIE-LABlab(87.16, -65.31, 45.63)
CIE-LCHlch(87.16, 79.67, 145.06°)
OKLaboklab(86.72% -0.1763 0.1107)
OKLCHoklch(86.72% 0.208 147.9)
XYZxyz(41.5022, 70.3249, 31.4615)
Luminance0.7033 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5CF77F #F75CD4
analogous
#87F75C #5CF77F #5CF7CC
triadic
#5CF77F #7F5CF7 #F77F5C
tetradic
#5CF77F #5C87F7 #F75CD4 #F7CC5C
square
#5CF77F #5C87F7 #F75CD4 #F7CC5C
split-complementary
#5CF77F #CC5CF7 #F75C87
monochromatic
#0ACE36 #22F451 #5CF77F #96FAAD #D1FDDB

Accessibility & contrast

On white

1.39
#5CF77F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.07
#5CF77F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5CF77F
15.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5CF77F#FFFFFF#000000##000000
##5CF77F1.001.3915.0715.07
#FFFFFF1.391.0021.0021.00
#00000015.0721.001.001.00
##00000015.0721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FAE375
Deuteranopia (green-blind)
#E6D588
Tritanopia (blue-blind)
#2CF2DB
Achromatopsia (no color)
#DADADA

Design tokens & code

CSS
--color: #5cf77f;
/* rgb */ color: rgb(92, 247, 127);
/* oklch */ color: oklch(86.7% 0.208 147.9);
Tailwind
colors: {
  custom: {
    50: '#99fba6',
    500: '#5cf77f',
    950: '#000000',
  },
}
SCSS
$custom: #5cf77f;
$custom-light: #99fba6;
$custom-dark: #000000;
JSON
{
  "hex": "#5cf77f",
  "rgb": {
    "r": 92,
    "g": 247,
    "b": 127
  },
  "hsl": {
    "h": 133.548,
    "s": 90.643,
    "l": 66.471
  },
  "oklch": {
    "l": 0.86722,
    "c": 0.20819,
    "h": 147.9
  },
  "luminance": 0.70329
}

Semantic roles & 50–950 ramp

primary
#5CF77F
secondary
#CA2DA7
accent
#00B2E6
background
#FCFFFC
surface
#F6FFF6
border
#D0D7D0
text
#0F180F
muted
#808680

Preview Lab

Preview with #5CF77F

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

Preview Lab → · Contrast checker → · Palette generator →

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