#56E69E#56E69E

#56E69E is a very light, vivid teal. Relative luminance 0.610; OKLCH L 82.9% C 0.161 H 157.9°. Best body text is #000000 at 13.21:1 contrast (WCAG AA passes).

Color values

HEX#56E69E
RGBrgb(86, 230, 158)
HSLhsl(150, 74%, 62%)
HSVhsv(150, 63%, 90%)
CMYKcmyk(62.6%, 0%, 31.3%, 9.8%)
CIE-LABlab(82.40, -54.81, 23.94)
CIE-LCHlch(82.40, 59.82, 156.40°)
OKLaboklab(82.92% -0.1492 0.0606)
OKLCHoklch(82.92% 0.161 157.9)
XYZxyz(38.3026, 61.0367, 42.1038)
Luminance0.6104 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#56E69E #E6569E
analogous
#56E656 #56E69E #56E6E6
triadic
#56E69E #9E56E6 #E69E56
tetradic
#56E69E #5656E6 #E6569E #E6E656
square
#56E69E #5656E6 #E6569E #E6E656
split-complementary
#56E69E #E656E6 #E65656
monochromatic
#19A961 #21DE7F #56E69E #8BEEBD #C1F6DB

Accessibility & contrast

On white

1.59
#56E69E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.21
#56E69E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #56E69E
13.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##56E69E#FFFFFF#000000##000000
##56E69E1.001.5913.2113.21
#FFFFFF1.591.0021.0021.00
#00000013.2121.001.001.00
##00000013.2121.001.001.00

Color blindness preview

Protanopia (red-blind)
#E4D59A
Deuteranopia (green-blind)
#D1C8A3
Tritanopia (blue-blind)
#00E5D3
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #56e69e;
/* rgb */ color: rgb(86, 230, 158);
/* oklch */ color: oklch(82.9% 0.161 157.9);
Tailwind
colors: {
  custom: {
    50: '#93efbb',
    500: '#56e69e',
    950: '#000000',
  },
}
SCSS
$custom: #56e69e;
$custom-light: #93efbb;
$custom-dark: #000000;
JSON
{
  "hex": "#56e69e",
  "rgb": {
    "r": 86,
    "g": 230,
    "b": 158
  },
  "hsl": {
    "h": 150,
    "s": 74.227,
    "l": 61.961
  },
  "oklch": {
    "l": 0.82923,
    "c": 0.16106,
    "h": 157.9
  },
  "luminance": 0.61041
}

Semantic roles & 50–950 ramp

primary
#56E69E
secondary
#AA3670
accent
#0F73D6
background
#FCFFFD
surface
#F5FEF8
border
#CFD6D1
text
#0E1611
muted
#7F8581

Preview Lab

Preview with #56E69E

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

Preview Lab → · Contrast checker → · Palette generator →

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