#5ADC23

#5ADC23

Color Values

HEX

#5ADC23

RGB

90, 220, 35

HSL

102.2, 72.5%, 50.0%

HSV

102.2, 84.1%, 86.3%

CMYK

59.1%, 0.0%, 84.1%, 13.7%

OKLCH

0.7903 0.2377 139.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#5ADC23

#A523DC

Analogous

#B6DC23

#23DC49

#5ADC23

Triadic

#5ADC23

#235ADC

#DC235A

Split Complementary

#5ADC23

#4923DC

#DC23B6

Tetradic

#5ADC23

#23B6DC

#A523DC

#DC4923

Color Blindness Simulation

Original

#5ADC23

Protanopia

#929350

Deuteranopia

#8B815A

Tritanopia

#60737B

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E9F8E2
200
#D1F5C1
300
#B0EE95
400
#85E55C
500
#5ADC23
600
#48B01C
700
#3A8D16
800
#2D6E12
900
#245011
950
#16330B

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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