#56ED52

#56ED52

Color Values

HEX

#56ED52

RGB

86, 237, 82

HSL

118.5, 81.2%, 62.5%

HSV

118.5, 65.4%, 92.9%

CMYK

63.7%, 0.0%, 65.4%, 7.1%

OKLCH

0.8353 0.2336 142.8

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#56ED52

#E952ED

Analogous

#A3ED52

#52ED9B

#56ED52

Triadic

#56ED52

#5256ED

#ED5256

Split Complementary

#56ED52

#9B52ED

#ED52A3

Tetradic

#56ED52

#52A3ED

#E952ED

#ED9B52

Color Blindness Simulation

Original

#56ED52

Protanopia

#979977

Deuteranopia

#8F8380

Tritanopia

#5E959C

Achromatopsia

#C2C2C2

CSS Usage

background-color: #56ED52;
color: #56ED52;
border-color: #56ED52;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1F9E1
200
#C0F8BE
300
#93F390
400
#58ED54
500
#1DE718
600
#17B913
700
#13940F
800
#0F740C
900
#0F540D
950
#093508

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026