#56EC96

#56EC96

Color Values

HEX

#56EC96

RGB

86, 236, 150

HSL

145.6, 79.8%, 63.1%

HSV

145.6, 63.6%, 92.5%

CMYK

63.6%, 0.0%, 36.4%, 7.5%

OKLCH

0.8424 0.176 154.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#56EC96

#EC56AC

Analogous

#61EC56

#56ECE1

#56EC96

Triadic

#56EC96

#9656EC

#EC9656

Split Complementary

#56EC96

#E156EC

#EC5661

Tetradic

#56EC96

#5661EC

#EC56AC

#ECE156

Color Blindness Simulation

Original

#56EC96

Protanopia

#9798AB

Deuteranopia

#8E83B0

Tritanopia

#5EBBBF

Achromatopsia

#C6C6C6

CSS Usage

background-color: #56EC96;
color: #56EC96;
border-color: #56EC96;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E1F9EB
200
#BFF8D7
300
#91F3BB
400
#55EC96
500
#1AE571
600
#15B75A
700
#109348
800
#0D7338
900
#0E532B
950
#09351B

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.83:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026