#5ADF63

#5ADF63

Color Values

HEX

#5ADF63

RGB

90, 223, 99

HSL

124.1, 67.5%, 61.4%

HSV

124.1, 59.6%, 87.5%

CMYK

59.6%, 0.0%, 55.6%, 12.5%

OKLCH

0.8031 0.2025 144.5

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5ADF63

#DF5AD6

Analogous

#93DF5A

#5ADFA6

#5ADF63

Triadic

#5ADF63

#635ADF

#DF635A

Split Complementary

#5ADF63

#A65ADF

#DF5A93

Tetradic

#5ADF63

#5A93DF

#DF5AD6

#DFA65A

Color Blindness Simulation

Original

#5ADF63

Protanopia

#949581

Deuteranopia

#8C8288

Tritanopia

#61999E

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E4
200
#C3F3C6
300
#98EB9E
400
#61E06A
500
#29D635
600
#21AB2B
700
#1B8922
800
#156B1B
900
#134E17
950
#0C310F

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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