#5DEB75#5DEB75

#5DEB75 is a very light, highly saturated green. Relative luminance 0.630; OKLCH L 83.6% C 0.201 H 146.7°. Best body text is #000000 at 13.61:1 contrast (WCAG AA passes).

Color values

HEX#5DEB75
RGBrgb(93, 235, 117)
HSLhsl(130, 78%, 64%)
HSVhsv(130, 60%, 92%)
CMYKcmyk(60.4%, 0%, 50.2%, 7.8%)
CIE-LABlab(83.46, -62.19, 45.80)
CIE-LCHlch(83.46, 77.23, 143.63°)
OKLaboklab(83.64% -0.1681 0.1106)
OKLCHoklch(83.64% 0.201 146.7)
XYZxyz(37.4309, 63.0246, 27.0186)
Luminance0.6303 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5DEB75 #EB5DD3
analogous
#8CEB5D #5DEB75 #5DEBBC
triadic
#5DEB75 #755DEB #EB755D
tetradic
#5DEB75 #5D8CEB #EB5DD3 #EBBC5D
square
#5DEB75 #5D8CEB #EB5DD3 #EBBC5D
split-complementary
#5DEB75 #BC5DEB #EB5D8C
monochromatic
#17B732 #27E447 #5DEB75 #93F2A3 #CAF8D2

Accessibility & contrast

On white

1.54
#5DEB75 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.61
#5DEB75 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5DEB75
13.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5DEB75#FFFFFF#000000##000000
##5DEB751.001.5413.6113.61
#FFFFFF1.541.0021.0021.00
#00000013.6121.001.001.00
##00000013.6121.001.001.00

Color blindness preview

Protanopia (red-blind)
#EED86B
Deuteranopia (green-blind)
#DCCB7D
Tritanopia (blue-blind)
#3AE6D0
Achromatopsia (no color)
#D0D0D0

Design tokens & code

CSS
--color: #5deb75;
/* rgb */ color: rgb(93, 235, 117);
/* oklch */ color: oklch(83.6% 0.201 146.7);
Tailwind
colors: {
  custom: {
    50: '#98f29f',
    500: '#5deb75',
    950: '#000000',
  },
}
SCSS
$custom: #5deb75;
$custom-light: #98f29f;
$custom-dark: #000000;
JSON
{
  "hex": "#5deb75",
  "rgb": {
    "r": 93,
    "g": 235,
    "b": 117
  },
  "hsl": {
    "h": 130.141,
    "s": 78.022,
    "l": 64.314
  },
  "oklch": {
    "l": 0.83639,
    "c": 0.20126,
    "h": 146.7
  },
  "luminance": 0.63028
}

Semantic roles & 50–950 ramp

primary
#5DEB75
secondary
#B736A1
accent
#0BB7DA
background
#FCFFFC
surface
#F5FEF5
border
#CFD6CF
text
#0F170F
muted
#808580

Preview Lab

Preview with #5DEB75

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

Preview Lab → · Contrast checker → · Palette generator →

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