#57F953

#57F953

Color Values

HEX

#57F953

RGB

87, 249, 83

HSL

118.6, 93.3%, 65.1%

HSV

118.6, 66.7%, 97.6%

CMYK

65.1%, 0.0%, 66.7%, 2.4%

OKLCH

0.8657 0.2461 142.8

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#57F953

#F553F9

Analogous

#AAF953

#53F9A2

#57F953

Triadic

#57F953

#5357F9

#F95357

Split Complementary

#57F953

#A253F9

#F953AA

Tetradic

#57F953

#53AAF9

#F553F9

#F9A253

Color Blindness Simulation

Original

#57F953

Protanopia

#9D9F7B

Deuteranopia

#948885

Tritanopia

#5F9BA2

Achromatopsia

#CBCBCB

CSS Usage

background-color: #57F953;
color: #57F953;
border-color: #57F953;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFDBA
300
#8BFB89
400
#4DF949
500
#0EF609
600
#0BC507
700
#099E05
800
#077B04
900
#0A5908
950
#063805

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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