#56F681#56F681

#56F681 is a very light, highly saturated green. Relative luminance 0.695; OKLCH L 86.3% C 0.207 H 148.8°. Best body text is #000000 at 14.90:1 contrast (WCAG AA passes).

Color values

HEX#56F681
RGBrgb(86, 246, 129)
HSLhsl(136, 90%, 65%)
HSVhsv(136, 65%, 96%)
CMYKcmyk(65%, 0%, 47.6%, 3.5%)
CIE-LABlab(86.74, -65.80, 44.12)
CIE-LCHlch(86.74, 79.22, 146.15°)
OKLaboklab(86.34% -0.1774 0.1074)
OKLCHoklch(86.34% 0.207 148.8)
XYZxyz(40.7529, 69.4707, 32.0261)
Luminance0.6947 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#56F681 #F656CB
analogous
#7BF656 #56F681 #56F6D1
triadic
#56F681 #8156F6 #F68156
tetradic
#56F681 #567BF6 #F656CB #F6D156
square
#56F681 #567BF6 #F656CB #F6D156
split-complementary
#56F681 #D156F6 #F6567B
monochromatic
#0BC73D #1CF356 #56F681 #90F9AC #CAFCD8

Accessibility & contrast

On white

1.41
#56F681 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.90
#56F681 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #56F681
14.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##56F681#FFFFFF#000000##000000
##56F6811.001.4114.9014.90
#FFFFFF1.411.0021.0021.00
#00000014.9021.001.001.00
##00000014.9021.001.001.00

Color blindness preview

Protanopia (red-blind)
#F8E278
Deuteranopia (green-blind)
#E4D489
Tritanopia (blue-blind)
#14F1DA
Achromatopsia (no color)
#D9D9D9

Design tokens & code

CSS
--color: #56f681;
/* rgb */ color: rgb(86, 246, 129);
/* oklch */ color: oklch(86.3% 0.207 148.8);
Tailwind
colors: {
  custom: {
    50: '#96faa7',
    500: '#56f681',
    950: '#000000',
  },
}
SCSS
$custom: #56f681;
$custom-light: #96faa7;
$custom-dark: #000000;
JSON
{
  "hex": "#56f681",
  "rgb": {
    "r": 86,
    "g": 246,
    "b": 129
  },
  "hsl": {
    "h": 136.125,
    "s": 89.888,
    "l": 65.098
  },
  "oklch": {
    "l": 0.86343,
    "c": 0.20742,
    "h": 148.8
  },
  "luminance": 0.69475
}

Semantic roles & 50–950 ramp

primary
#56F681
secondary
#C42D9B
accent
#00A8E6
background
#FCFFFC
surface
#F5FFF6
border
#CFD7D0
text
#0F1710
muted
#808580

Preview Lab

Preview with #56F681

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

Preview Lab → · Contrast checker → · Palette generator →

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