#5AE75D

#5AE75D

Color Values

HEX

#5AE75D

RGB

90, 231, 93

HSL

121.3, 74.6%, 62.9%

HSV

121.3, 61.0%, 90.6%

CMYK

61.0%, 0.0%, 59.7%, 9.4%

OKLCH

0.8225 0.2171 143.6

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5AE75D

#E75AE4

Analogous

#9DE75A

#5AE7A3

#5AE75D

Triadic

#5AE75D

#5D5AE7

#E75D5A

Split Complementary

#5AE75D

#A35AE7

#E75A9D

Tetradic

#5AE75D

#5A9DE7

#E75AE4

#E7A35A

Color Blindness Simulation

Original

#5AE75D

Protanopia

#97987E

Deuteranopia

#8F8486

Tritanopia

#61999F

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E2F8E2
200
#C1F6C2
300
#94EF96
400
#5AE75D
500
#20DF25
600
#1AB21D
700
#158E17
800
#106F12
900
#105111
950
#0A330B

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.02:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026