#56AD21#56AD21

#56AD21 is a light, vivid yellow-green. Relative luminance 0.320; OKLCH L 66.7% C 0.188 H 136.8°. Best body text is #000000 at 7.39:1 contrast (WCAG AA passes).

Color values

HEX#56AD21
RGBrgb(86, 173, 33)
HSLhsl(97, 68%, 40%)
HSVhsv(97, 81%, 68%)
CMYKcmyk(50.3%, 0%, 80.9%, 32.2%)
CIE-LABlab(63.32, -49.27, 58.17)
CIE-LCHlch(63.32, 76.23, 130.26°)
OKLaboklab(66.75% -0.137 0.1286)
OKLCHoklch(66.75% 0.188 136.8)
XYZxyz(19.0553, 31.9740, 6.6060)
Luminance0.3197 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#56AD21 #7821AD
analogous
#9CAD21 #56AD21 #21AD32
triadic
#56AD21 #2156AD #AD2156
tetradic
#56AD21 #219CAD #7821AD #AD3221
square
#56AD21 #219CAD #7821AD #AD3221
split-complementary
#56AD21 #3221AD #AD219C
monochromatic
#23460D #3C7A17 #56AD21 #72D833 #95E266

Accessibility & contrast

On white

2.84
#56AD21 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.39
#56AD21 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #56AD21
7.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##56AD21#FFFFFF#000000##000000
##56AD211.002.847.397.39
#FFFFFF2.841.0021.0021.00
#0000007.3921.001.001.00
##0000007.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#B39E00
Deuteranopia (green-blind)
#A89732
Tritanopia (blue-blind)
#51A794
Achromatopsia (no color)
#999999

Design tokens & code

CSS
--color: #56ad21;
/* rgb */ color: rgb(86, 173, 33);
/* oklch */ color: oklch(66.7% 0.188 136.8);
Tailwind
colors: {
  custom: {
    50: '#8ec669',
    500: '#56ad21',
    950: '#000000',
  },
}
SCSS
$custom: #56ad21;
$custom-light: #8ec669;
$custom-dark: #000000;
JSON
{
  "hex": "#56ad21",
  "rgb": {
    "r": 86,
    "g": 173,
    "b": 33
  },
  "hsl": {
    "h": 97.286,
    "s": 67.961,
    "l": 40.392
  },
  "oklch": {
    "l": 0.66747,
    "c": 0.18792,
    "h": 136.8
  },
  "luminance": 0.31975
}

Semantic roles & 50–950 ramp

primary
#56AD21
secondary
#A162C7
accent
#3DEBA9
background
#F9FCF6
surface
#F2F8EB
border
#CCD1C6
text
#0D1307
muted
#7E827A

Preview Lab

Preview with #56AD21

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

Preview Lab → · Contrast checker → · Palette generator →

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