HEX Color #57BD3A (Limegreen)

About #57BD3A

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

Translating this color to physical media requires the CMYK color model. The color uses 54% Cyan, 0% Magenta, 69% Yellow, and 26% 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#57BD3A

RGB87, 189, 58

HSL106.7°, 53.0%, 48.4%

CMYK54%, 0%, 69%, 26%

HSV106.7°, 69.3%, 74.1%

LAB68.6, -53.4, 54.7

XYZ22.9, 38.7, 10.3

Decimal5750074

Color Harmonies

Complementary

#57BD3A #9F39BD

Analogous

#98BD39 #39BD5E

Triadic

#3956BD #BD3957

Tetradic

#3998BD #9F39BD #BD5E39

Tints, Shades & Tones

Tints (Adding White)

#57BD3A

#69C44F

#7CCB65

#8FD37B

#A1DA91

#B4E1A7

#C7E9BD

#D9F0D3

#ECF7E9

#FFFFFF

Shades (Adding Black)

#57BD3A

#4DA833

#43932D

#3A7E26

#306920

#265419

#1D3F13

#132A0C

#091506

#000000

WCAG Contrast Accessibility

2.40:1

Text on #FFFFFF

FAIL

8.75:1

Text on #000000

AAA

2.30:1

Text on #F8FAFC

FAIL

7.43:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Limegreen

#32CD32