#5AD255

#5AD255

Color Values

HEX

#5AD255

RGB

90, 210, 85

HSL

117.6, 58.1%, 57.8%

HSV

117.6, 59.5%, 82.4%

CMYK

57.1%, 0.0%, 59.5%, 17.6%

OKLCH

0.7686 0.1975 142.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#5AD255

#CD55D2

Analogous

#98D255

#55D28E

#5AD255

Triadic

#5AD255

#555AD2

#D2555A

Split Complementary

#5AD255

#8E55D2

#D25598

Tetradic

#5AD255

#5598D2

#CD55D2

#D28E55

Color Blindness Simulation

Original

#5AD255

Protanopia

#8E8F73

Deuteranopia

#877E7A

Tritanopia

#608B90

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F6E4
200
#C8F0C7
300
#A1E59E
400
#6ED76A
500
#3BCA35
600
#2FA12B
700
#268122
800
#1E651B
900
#194A17
950
#102F0F

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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