#57F050

#57F050

Color Values

HEX

#57F050

RGB

87, 240, 80

HSL

117.4, 84.2%, 62.7%

HSV

117.4, 66.7%, 94.1%

CMYK

63.7%, 0.0%, 66.7%, 5.9%

OKLCH

0.8429 0.238 142.5

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#57F050

#E950F0

Analogous

#A7F050

#50F099

#57F050

Triadic

#57F050

#5057F0

#F05057

Split Complementary

#57F050

#9950F0

#F050A7

Tetradic

#57F050

#50A7F0

#E950F0

#F09950

Color Blindness Simulation

Original

#57F050

Protanopia

#999B77

Deuteranopia

#908580

Tritanopia

#5F959C

Achromatopsia

#C4C4C4

CSS Usage

background-color: #57F050;
color: #57F050;
border-color: #57F050;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#C0F9BD
300
#93F58E
400
#58F051
500
#1DEB14
600
#18BC10
700
#13960D
800
#0F750A
900
#0F550C
950
#093607

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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