#5FD03D#5FD03D

#5FD03D is a light, highly saturated green. Relative luminance 0.479; OKLCH L 76.3% C 0.210 H 139.5°. Best body text is #000000 at 10.58:1 contrast (WCAG AA passes).

Color values

HEX#5FD03D
RGBrgb(95, 208, 61)
HSLhsl(106, 61%, 53%)
HSVhsv(106, 71%, 82%)
CMYKcmyk(54.3%, 0%, 70.7%, 18.4%)
CIE-LABlab(74.75, -58.01, 60.11)
CIE-LCHlch(74.75, 83.54, 133.98°)
OKLaboklab(76.31% -0.1595 0.1364)
OKLCHoklch(76.31% 0.21 139.5)
XYZxyz(28.1163, 47.8793, 12.1740)
Luminance0.4788 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5FD03D #AE3DD0
analogous
#A9D03D #5FD03D #3DD064
triadic
#5FD03D #3D5FD0 #D03D5F
tetradic
#5FD03D #3DA9D0 #AE3DD0 #D0643D
square
#5FD03D #3DA9D0 #AE3DD0 #D0643D
split-complementary
#5FD03D #643DD0 #D03DA9
monochromatic
#31761D #46A729 #5FD03D #88DC6E #B0E8A0

Accessibility & contrast

On white

1.99
#5FD03D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.58
#5FD03D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5FD03D
10.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5FD03D#FFFFFF#000000##000000
##5FD03D1.001.9910.5810.58
#FFFFFF1.991.0021.0021.00
#00000010.5821.001.001.00
##00000010.5821.001.001.00

Color blindness preview

Protanopia (red-blind)
#D6BE25
Deuteranopia (green-blind)
#C7B44B
Tritanopia (blue-blind)
#53C9B3
Achromatopsia (no color)
#B8B8B8

Design tokens & code

CSS
--color: #5fd03d;
/* rgb */ color: rgb(95, 208, 61);
/* oklch */ color: oklch(76.3% 0.210 139.5);
Tailwind
colors: {
  custom: {
    50: '#97df7b',
    500: '#5fd03d',
    950: '#000000',
  },
}
SCSS
$custom: #5fd03d;
$custom-light: #97df7b;
$custom-dark: #000000;
JSON
{
  "hex": "#5fd03d",
  "rgb": {
    "r": 95,
    "g": 208,
    "b": 61
  },
  "hsl": {
    "h": 106.122,
    "s": 60.996,
    "l": 52.745
  },
  "oklch": {
    "l": 0.76305,
    "c": 0.20988,
    "h": 139.5
  },
  "luminance": 0.47882
}

Semantic roles & 50–950 ramp

primary
#5FD03D
secondary
#C695D4
accent
#44E4BF
background
#F9FDF7
surface
#F2FBEE
border
#CCD4C9
text
#0F150A
muted
#7E837C

Preview Lab

Preview with #5FD03D

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

Preview Lab → · Contrast checker → · Palette generator →

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