HEX Color #57D366 (Lightgreen)

About #57D366

Visually, #57D366 is defined as a moderate green. Designers often compare it to the standard color Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 211, and 102.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 59% cyan, 0% magenta, 52% yellow, and 17% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#57D366

RGB87, 211, 102

HSL127.3°, 58.5%, 58.4%

CMYK59%, 0%, 52%, 17%

HSV127.3°, 58.8%, 82.7%

LAB75.8, -56.7, 43.5

XYZ29.6, 49.6, 20.6

Decimal5755750

Color Harmonies

Complementary

#57D366 #D356C3

Analogous

#85D356 #56D3A3

Triadic

#6556D3 #D36556

Tetradic

#5685D3 #D356C3 #D3A356

Tints, Shades & Tones

Tints (Adding White)

#57D366

#69D777

#7CDC88

#8FE199

#A1E6AA

#B4EBBB

#C7F0CC

#D9F5DD

#ECFAEE

#FFFFFF

Shades (Adding Black)

#57D366

#4DBB5A

#43A44F

#3A8C44

#307538

#265D2D

#1D4622

#132E16

#09170B

#000000

WCAG Contrast Accessibility

1.92:1

Text on #FFFFFF

FAIL

10.91:1

Text on #000000

AAA

1.84:1

Text on #F8FAFC

FAIL

9.28:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #57D366; }

.text-color { color: #57D366; }

.border-color { border: 2px solid #57D366; }

Similar Colors

Lightgreen

#90EE90