#5AD671#5AD671

#5AD671 is a light, vivid green. Relative luminance 0.515; OKLCH L 78.2% C 0.179 H 147.3°. Best body text is #000000 at 11.29:1 contrast (WCAG AA passes).

Color values

HEX#5AD671
RGBrgb(90, 214, 113)
HSLhsl(131, 60%, 60%)
HSVhsv(131, 58%, 84%)
CMYKcmyk(57.9%, 0%, 47.2%, 16.1%)
CIE-LABlab(76.95, -55.60, 39.61)
CIE-LCHlch(76.95, 68.27, 144.53°)
OKLaboklab(78.25% -0.1504 0.0965)
OKLCHoklch(78.25% 0.179 147.3)
XYZxyz(31.2416, 51.4562, 23.9052)
Luminance0.5146 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5AD671 #D65ABF
analogous
#81D65A #5AD671 #5AD6AF
triadic
#5AD671 #715AD6 #D6715A
tetradic
#5AD671 #5A81D6 #D65ABF #D6AF5A
square
#5AD671 #5A81D6 #D65ABF #D6AF5A
split-complementary
#5AD671 #AF5AD6 #D65A81
monochromatic
#249138 #30C24B #5AD671 #8BE29B #BCEEC5

Accessibility & contrast

On white

1.86
#5AD671 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.29
#5AD671 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5AD671
11.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5AD671#FFFFFF#000000##000000
##5AD6711.001.8611.2911.29
#FFFFFF1.861.0021.0021.00
#00000011.2921.001.001.00
##00000011.2921.001.001.00

Color blindness preview

Protanopia (red-blind)
#D8C569
Deuteranopia (green-blind)
#C8BA78
Tritanopia (blue-blind)
#3DD2BE
Achromatopsia (no color)
#BEBEBE

Design tokens & code

CSS
--color: #5ad671;
/* rgb */ color: rgb(90, 214, 113);
/* oklch */ color: oklch(78.2% 0.179 147.3);
Tailwind
colors: {
  custom: {
    50: '#93e39b',
    500: '#5ad671',
    950: '#000000',
  },
}
SCSS
$custom: #5ad671;
$custom-light: #93e39b;
$custom-dark: #000000;
JSON
{
  "hex": "#5ad671",
  "rgb": {
    "r": 90,
    "g": 214,
    "b": 113
  },
  "hsl": {
    "h": 131.129,
    "s": 60.194,
    "l": 59.608
  },
  "oklch": {
    "l": 0.78246,
    "c": 0.17871,
    "h": 147.3
  },
  "luminance": 0.51459
}

Semantic roles & 50–950 ramp

primary
#5AD671
secondary
#973D86
accent
#44C6E3
background
#FCFEFC
surface
#F5FCF5
border
#CFD5CF
text
#0E160E
muted
#7F847F

Preview Lab

Preview with #5AD671

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

Preview Lab → · Contrast checker → · Palette generator →

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