#5AF96E

#5AF96E

Color Values

HEX

#5AF96E

RGB

90, 249, 110

HSL

127.5, 93.0%, 66.5%

HSV

127.5, 63.9%, 97.6%

CMYK

63.9%, 0.0%, 55.8%, 2.4%

OKLCH

0.8693 0.2255 145.4

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5AF96E

#F95AE5

Analogous

#96F95A

#5AF9BD

#5AF96E

Triadic

#5AF96E

#6E5AF9

#F96E5A

Split Complementary

#5AF96E

#BD5AF9

#F95A96

Tetradic

#5AF96E

#5A96F9

#F95AE5

#F9BD5A

Color Blindness Simulation

Original

#5AF96E

Protanopia

#9FA090

Deuteranopia

#968A98

Tritanopia

#62AAB0

Achromatopsia

#CDCDCD

CSS Usage

background-color: #5AF96E;
color: #5AF96E;
border-color: #5AF96E;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF3
100
#DFFBE3
200
#BAFDC2
300
#89FB97
400
#49F85F
500
#09F627
600
#07C51F
700
#069D19
800
#047B13
900
#085912
950
#05380B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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