HEX Color #57B60F (Limegreen)

About #57B60F

When working with digital screens, the color #57B60F is rendered by mixing light. If you're using CSS, you might find it aligns closely with Limegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 182, and 15.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 52% cyan and 0% magenta inks. The HSL representation is 94.1° hue, 84.8% saturation, and 38.6% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#57B60F

RGB87, 182, 15

HSL94.1°, 84.8%, 38.6%

CMYK52%, 0%, 92%, 29%

HSV94.1°, 91.8%, 71.4%

LAB66.1, -53.0, 64.6

XYZ20.7, 35.5, 6.2

Decimal5748239

Color Harmonies

Complementary

#57B60F #6D0EB6

Analogous

#AAB60E #0EB61A

Triadic

#0E57B6 #B60E57

Tetradic

#0EAAB6 #6D0EB6 #B61A0E

Tints, Shades & Tones

Tints (Adding White)

#57B60F

#69BE29

#7CC644

#8FCE5F

#A1D679

#B4DE94

#C7E6AF

#D9EEC9

#ECF6E4

#FFFFFF

Shades (Adding Black)

#57B60F

#4DA10D

#438D0B

#3A790A

#306508

#265006

#1D3C05

#132803

#091401

#000000

WCAG Contrast Accessibility

2.59:1

Text on #FFFFFF

FAIL

8.10:1

Text on #000000

AAA

2.48:1

Text on #F8FAFC

FAIL

6.89:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Limegreen

#32CD32