#5AE558

#5AE558

Color Values

HEX

#5AE558

RGB

90, 229, 88

HSL

119.1, 73.1%, 62.2%

HSV

119.1, 61.6%, 89.8%

CMYK

60.7%, 0.0%, 61.6%, 10.2%

OKLCH

0.8169 0.2185 143.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5AE558

#E358E5

Analogous

#A1E558

#58E59C

#5AE558

Triadic

#5AE558

#585AE5

#E5585A

Split Complementary

#5AE558

#9C58E5

#E558A1

Tetradic

#5AE558

#58A1E5

#E358E5

#E59C58

Color Blindness Simulation

Original

#5AE558

Protanopia

#96977A

Deuteranopia

#8E8482

Tritanopia

#61959B

Achromatopsia

#BDBDBD

CSS Usage

background-color: #5AE558;
color: #5AE558;
border-color: #5AE558;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C2F5C1
300
#96EF95
400
#5EE65C
500
#25DD22
600
#1EB11B
700
#188D16
800
#136E11
900
#125011
950
#0B330A

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.78:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026