#5AFE57

#5AFE57

Color Values

HEX

#5AFE57

RGB

90, 254, 87

HSL

118.9, 98.8%, 66.9%

HSV

118.9, 65.7%, 99.6%

CMYK

64.6%, 0.0%, 65.7%, 0.4%

OKLCH

0.8793 0.2481 142.9

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5AFE57

#FB57FE

Analogous

#AEFE57

#57FEA8

#5AFE57

Triadic

#5AFE57

#575AFE

#FE575A

Split Complementary

#5AFE57

#A857FE

#FE57AE

Tetradic

#5AFE57

#57AEFE

#FB57FE

#FEA857

Color Blindness Simulation

Original

#5AFE57

Protanopia

#A1A27F

Deuteranopia

#988B89

Tritanopia

#629FA6

Achromatopsia

#CFCFCF

CSS Usage

background-color: #5AFE57;
color: #5AFE57;
border-color: #5AFE57;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FEF1
100
#DFFCDE
200
#B9FFB8
300
#88FE85
400
#47FE43
500
#06FD02
600
#05CB01
700
#04A201
800
#037F01
900
#075C05
950
#043A03

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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