#5AE758

#5AE758

Color Values

HEX

#5AE758

RGB

90, 231, 88

HSL

119.2, 74.9%, 62.5%

HSV

119.2, 61.9%, 90.6%

CMYK

61.0%, 0.0%, 61.9%, 9.4%

OKLCH

0.8219 0.2209 143.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5AE758

#E558E7

Analogous

#A1E758

#58E79D

#5AE758

Triadic

#5AE758

#585AE7

#E7585A

Split Complementary

#5AE758

#9D58E7

#E758A1

Tetradic

#5AE758

#58A1E7

#E558E7

#E79D58

Color Blindness Simulation

Original

#5AE758

Protanopia

#97987B

Deuteranopia

#8F8483

Tritanopia

#61969C

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F3FCF2
100
#E2F9E2
200
#C1F6C1
300
#95F094
400
#5CE75A
500
#23DF20
600
#1CB21A
700
#168F14
800
#116F10
900
#115110
950
#0B330A

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.01: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