#56DD75#56DD75

#56DD75 is a light, vivid green. Relative luminance 0.550; OKLCH L 79.9% C 0.186 H 148.2°. Best body text is #000000 at 12.00:1 contrast (WCAG AA passes).

Color values

HEX#56DD75
RGBrgb(86, 221, 117)
HSLhsl(134, 67%, 60%)
HSVhsv(134, 61%, 87%)
CMYKcmyk(61.1%, 0%, 47.1%, 13.3%)
CIE-LABlab(79.03, -58.52, 40.23)
CIE-LCHlch(79.03, 71.01, 145.49°)
OKLaboklab(79.94% -0.1581 0.0981)
OKLCHoklch(79.94% 0.186 148.2)
XYZxyz(32.9028, 54.9725, 25.7030)
Luminance0.5498 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#56DD75 #DD56BE
analogous
#7ADD56 #56DD75 #56DDB9
triadic
#56DD75 #7556DD #DD7556
tetradic
#56DD75 #567ADD #DD56BE #DDB956
square
#56DD75 #567ADD #DD56BE #DDB956
split-complementary
#56DD75 #B956DD #DD567A
monochromatic
#1F9A3B #29CD4F #56DD75 #89E79F #BCF2C8

Accessibility & contrast

On white

1.75
#56DD75 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.00
#56DD75 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #56DD75
12.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##56DD75#FFFFFF#000000##000000
##56DD751.001.7512.0012.00
#FFFFFF1.751.0021.0021.00
#00000012.0021.001.001.00
##00000012.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#DFCB6D
Deuteranopia (green-blind)
#CEBF7C
Tritanopia (blue-blind)
#30D9C4
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #56dd75;
/* rgb */ color: rgb(86, 221, 117);
/* oklch */ color: oklch(79.9% 0.186 148.2);
Tailwind
colors: {
  custom: {
    50: '#92e99e',
    500: '#56dd75',
    950: '#000000',
  },
}
SCSS
$custom: #56dd75;
$custom-light: #92e99e;
$custom-dark: #000000;
JSON
{
  "hex": "#56dd75",
  "rgb": {
    "r": 86,
    "g": 221,
    "b": 117
  },
  "hsl": {
    "h": 133.778,
    "s": 66.502,
    "l": 60.196
  },
  "oklch": {
    "l": 0.79936,
    "c": 0.18603,
    "h": 148.2
  },
  "luminance": 0.54976
}

Semantic roles & 50–950 ramp

primary
#56DD75
secondary
#9E3A87
accent
#17A4CE
background
#FCFEFC
surface
#F5FDF5
border
#CFD5CF
text
#0E160E
muted
#7F847F

Preview Lab

Preview with #56DD75

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

Preview Lab → · Contrast checker → · Palette generator →

#56DD75 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva