#5ADB24

#5ADB24

Color Values

HEX

#5ADB24

RGB

90, 219, 36

HSL

102.3, 71.8%, 50.0%

HSV

102.3, 83.6%, 85.9%

CMYK

58.9%, 0.0%, 83.6%, 14.1%

OKLCH

0.7878 0.2363 139.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#5ADB24

#A524DB

Analogous

#B6DB24

#24DB49

#5ADB24

Triadic

#5ADB24

#245ADB

#DB245A

Split Complementary

#5ADB24

#4924DB

#DB24B6

Tetradic

#5ADB24

#24B6DB

#A524DB

#DB4924

Color Blindness Simulation

Original

#5ADB24

Protanopia

#929350

Deuteranopia

#8A815B

Tritanopia

#60737B

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E9F8E2
200
#D1F5C2
300
#B0EE96
400
#85E45D
500
#5ADB24
600
#48AF1D
700
#3A8C17
800
#2D6E12
900
#245011
950
#16320B

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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