#5DEC6B#5DEC6B

#5DEC6B is a very light, highly saturated green. Relative luminance 0.634; OKLCH L 83.8% C 0.211 H 145.1°. Best body text is #000000 at 13.68:1 contrast (WCAG AA passes).

Color values

HEX#5DEC6B
RGBrgb(93, 236, 107)
HSLhsl(126, 79%, 65%)
HSVhsv(126, 61%, 93%)
CMYKcmyk(60.6%, 0%, 54.7%, 7.5%)
CIE-LABlab(83.64, -63.87, 50.68)
CIE-LCHlch(83.64, 81.53, 141.57°)
OKLaboklab(83.75% -0.1729 0.1208)
OKLCHoklch(83.75% 0.211 145.1)
XYZxyz(37.1612, 63.3760, 24.1815)
Luminance0.6338 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5DEC6B #EC5DDE
analogous
#97EC5D #5DEC6B #5DECB3
triadic
#5DEC6B #6B5DEC #EC6B5D
tetradic
#5DEC6B #5D97EC #EC5DDE #ECB35D
square
#5DEC6B #5D97EC #EC5DDE #ECB35D
split-complementary
#5DEC6B #B35DEC #EC5D97
monochromatic
#16B926 #26E639 #5DEC6B #94F29D #CBF9CF

Accessibility & contrast

On white

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

On black

13.68
#5DEC6B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5DEC6B
13.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5DEC6B#FFFFFF#000000##000000
##5DEC6B1.001.5413.6813.68
#FFFFFF1.541.0021.0021.00
#00000013.6821.001.001.00
##00000013.6821.001.001.00

Color blindness preview

Protanopia (red-blind)
#F0D85F
Deuteranopia (green-blind)
#DECC75
Tritanopia (blue-blind)
#3DE6CF
Achromatopsia (no color)
#D0D0D0

Design tokens & code

CSS
--color: #5dec6b;
/* rgb */ color: rgb(93, 236, 107);
/* oklch */ color: oklch(83.8% 0.211 145.1);
Tailwind
colors: {
  custom: {
    50: '#99f398',
    500: '#5dec6b',
    950: '#000000',
  },
}
SCSS
$custom: #5dec6b;
$custom-light: #99f398;
$custom-dark: #000000;
JSON
{
  "hex": "#5dec6b",
  "rgb": {
    "r": 93,
    "g": 236,
    "b": 107
  },
  "hsl": {
    "h": 125.874,
    "s": 79.006,
    "l": 64.51
  },
  "oklch": {
    "l": 0.83753,
    "c": 0.21096,
    "h": 145.1
  },
  "luminance": 0.6338
}

Semantic roles & 50–950 ramp

primary
#5DEC6B
secondary
#B835AB
accent
#0AC7DB
background
#FCFFFC
surface
#F5FEF5
border
#CFD6CF
text
#0F170E
muted
#80857F

Preview Lab

Preview with #5DEC6B

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

Preview Lab → · Contrast checker → · Palette generator →

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