#57FD46

#57FD46

Color Values

HEX

#57FD46

RGB

87, 253, 70

HSL

114.4, 97.9%, 63.3%

HSV

114.4, 72.3%, 99.2%

CMYK

65.6%, 0.0%, 72.3%, 0.8%

OKLCH

0.8747 0.2582 141.8

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#57FD46

#EC46FD

Analogous

#B3FD46

#46FD90

#57FD46

Triadic

#57FD46

#4657FD

#FD4657

Split Complementary

#57FD46

#9046FD

#FD46B3

Tetradic

#57FD46

#46B3FD

#EC46FD

#FD9046

Color Blindness Simulation

Original

#57FD46

Protanopia

#9FA072

Deuteranopia

#95897D

Tritanopia

#5F959D

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E1FCDE
200
#BFFEB8
300
#91FE86
400
#56FD44
500
#1AFC03
600
#15CA02
700
#11A102
800
#0D7E01
900
#0E5B06
950
#093A04

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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