#5ADD22

#5ADD22

Color Values

HEX

#5ADD22

RGB

90, 221, 34

HSL

102.0, 73.3%, 50.0%

HSV

102.0, 84.6%, 86.7%

CMYK

59.3%, 0.0%, 84.6%, 13.3%

OKLCH

0.7928 0.2391 139.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#5ADD22

#A522DD

Analogous

#B8DD22

#22DD47

#5ADD22

Triadic

#5ADD22

#225ADD

#DD225A

Split Complementary

#5ADD22

#4722DD

#DD22B8

Tetradic

#5ADD22

#22B8DD

#A522DD

#DD4722

Color Blindness Simulation

Original

#5ADD22

Protanopia

#93944F

Deuteranopia

#8B815A

Tritanopia

#61737B

Achromatopsia

#B4B4B4

CSS Usage

background-color: #5ADD22;
color: #5ADD22;
border-color: #5ADD22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F5FCF3
100
#E9F8E2
200
#D1F5C1
300
#B0EF95
400
#85E65B
500
#5ADD22
600
#48B11B
700
#3A8D16
800
#2D6E11
900
#245010
950
#17330A

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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