#5CDD36#5CDD36

#5CDD36 is a light, highly saturated green. Relative luminance 0.543; OKLCH L 79.5% C 0.230 H 139.7°. Best body text is #000000 at 11.85:1 contrast (WCAG AA passes).

Color values

HEX#5CDD36
RGBrgb(92, 221, 54)
HSLhsl(106, 71%, 54%)
HSVhsv(106, 76%, 87%)
CMYKcmyk(58.4%, 0%, 75.6%, 13.3%)
CIE-LABlab(78.61, -63.86, 66.36)
CIE-LCHlch(78.61, 92.10, 133.90°)
OKLaboklab(79.45% -0.1755 0.1486)
OKLCHoklch(79.45% 0.23 139.7)
XYZxyz(30.9346, 54.2518, 12.3308)
Luminance0.5425 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5CDD36 #B736DD
analogous
#B0DD36 #5CDD36 #36DD64
triadic
#5CDD36 #365CDD #DD365C
tetradic
#5CDD36 #36B0DD #B736DD #DD6436
square
#5CDD36 #36B0DD #B736DD #DD6436
split-complementary
#5CDD36 #6436DD #DD36B0
monochromatic
#2F8316 #42B71F #5CDD36 #86E66A #B1EF9F

Accessibility & contrast

On white

1.77
#5CDD36 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.85
#5CDD36 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5CDD36
11.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5CDD36#FFFFFF#000000##000000
##5CDD361.001.7711.8511.85
#FFFFFF1.771.0021.0021.00
#00000011.8521.001.001.00
##00000011.8521.001.001.00

Color blindness preview

Protanopia (red-blind)
#E3C90C
Deuteranopia (green-blind)
#D3BF48
Tritanopia (blue-blind)
#4CD6BD
Achromatopsia (no color)
#C2C2C2

Design tokens & code

CSS
--color: #5cdd36;
/* rgb */ color: rgb(92, 221, 54);
/* oklch */ color: oklch(79.5% 0.230 139.7);
Tailwind
colors: {
  custom: {
    50: '#98e979',
    500: '#5cdd36',
    950: '#000000',
  },
}
SCSS
$custom: #5cdd36;
$custom-light: #98e979;
$custom-dark: #000000;
JSON
{
  "hex": "#5cdd36",
  "rgb": {
    "r": 92,
    "g": 221,
    "b": 54
  },
  "hsl": {
    "h": 106.347,
    "s": 71.064,
    "l": 53.922
  },
  "oklch": {
    "l": 0.7945,
    "c": 0.22995,
    "h": 139.7
  },
  "luminance": 0.54255
}

Semantic roles & 50–950 ramp

primary
#5CDD36
secondary
#742E89
accent
#3AEEC5
background
#FCFEFB
surface
#F5FDF2
border
#CFD5CC
text
#0F160A
muted
#80847D

Preview Lab

Preview with #5CDD36

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

Preview Lab → · Contrast checker → · Palette generator →

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