#56EB7B

#56EB7B

Color Values

HEX

#56EB7B

RGB

86, 235, 123

HSL

134.9, 78.8%, 62.9%

HSV

134.9, 63.4%, 92.2%

CMYK

63.4%, 0.0%, 47.7%, 7.8%

OKLCH

0.8352 0.1988 148.4

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#56EB7B

#EB56C6

Analogous

#7BEB56

#56EBC5

#56EB7B

Triadic

#56EB7B

#7B56EB

#EB7B56

Split Complementary

#56EB7B

#C556EB

#EB567B

Tetradic

#56EB7B

#567BEB

#EB56C6

#EBC556

Color Blindness Simulation

Original

#56EB7B

Protanopia

#979896

Deuteranopia

#8E839D

Tritanopia

#5DACB0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FCF5
100
#E1F9E7
200
#BFF7CD
300
#92F2AA
400
#56EB7B
500
#1BE44D
600
#16B63E
700
#119231
800
#0E7226
900
#0E531F
950
#093414

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026