#5DEB61#5DEB61

#5DEB61 is a very light, highly saturated green. Relative luminance 0.626; OKLCH L 83.4% C 0.218 H 143.8°. Best body text is #000000 at 13.52:1 contrast (WCAG AA passes).

Color values

HEX#5DEB61
RGBrgb(93, 235, 97)
HSLhsl(122, 78%, 64%)
HSVhsv(122, 60%, 92%)
CMYKcmyk(60.4%, 0%, 58.7%, 7.8%)
CIE-LABlab(83.23, -64.70, 54.68)
CIE-LCHlch(83.23, 84.71, 139.80°)
OKLaboklab(83.38% -0.1756 0.1287)
OKLCHoklch(83.38% 0.218 143.8)
XYZxyz(36.3781, 62.6034, 21.4735)
Luminance0.6261 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5DEB61 #EB5DE7
analogous
#A0EB5D #5DEB61 #5DEBA8
triadic
#5DEB61 #615DEB #EB615D
tetradic
#5DEB61 #5DA0EB #EB5DE7 #EBA85D
square
#5DEB61 #5DA0EB #EB5DE7 #EBA85D
split-complementary
#5DEB61 #A85DEB #EB5DA0
monochromatic
#17B71B #27E42C #5DEB61 #93F296 #CAF8CB

Accessibility & contrast

On white

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

On black

13.52
#5DEB61 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5DEB61
13.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5DEB61#FFFFFF#000000##000000
##5DEB611.001.5513.5213.52
#FFFFFF1.551.0021.0021.00
#00000013.5221.001.001.00
##00000013.5221.001.001.00

Color blindness preview

Protanopia (red-blind)
#EFD752
Deuteranopia (green-blind)
#DECB6C
Tritanopia (blue-blind)
#41E5CD
Achromatopsia (no color)
#CFCFCF

Design tokens & code

CSS
--color: #5deb61;
/* rgb */ color: rgb(93, 235, 97);
/* oklch */ color: oklch(83.4% 0.218 143.8);
Tailwind
colors: {
  custom: {
    50: '#99f292',
    500: '#5deb61',
    950: '#000000',
  },
}
SCSS
$custom: #5deb61;
$custom-light: #99f292;
$custom-dark: #000000;
JSON
{
  "hex": "#5deb61",
  "rgb": {
    "r": 93,
    "g": 235,
    "b": 97
  },
  "hsl": {
    "h": 121.69,
    "s": 78.022,
    "l": 64.314
  },
  "oklch": {
    "l": 0.83384,
    "c": 0.21773,
    "h": 143.8
  },
  "luminance": 0.62607
}

Semantic roles & 50–950 ramp

primary
#5DEB61
secondary
#B736B3
accent
#0BD4DA
background
#FCFFFC
surface
#F5FEF4
border
#CFD6CE
text
#0F170D
muted
#80857F

Preview Lab

Preview with #5DEB61

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

Preview Lab → · Contrast checker → · Palette generator →

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