HEX Color #57E233 (Limegreen)

About #57E233

The precise color #57E233 is an excellent choice for modern design projects. 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, 226, and 51.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 62% cyan and 0% magenta inks. With a hue angle of 107.7 degrees, it sits comfortably in the green spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#57E233

RGB87, 226, 51

HSL107.7°, 75.1%, 54.3%

CMYK62%, 0%, 77%, 11%

HSV107.7°, 77.4%, 88.6%

LAB80.0, -66.9, 68.6

XYZ31.7, 56.7, 12.4

Decimal5759539

Color Harmonies

Complementary

#57E233 #BD32E2

Analogous

#AEE232 #32E266

Triadic

#3256E2 #E23257

Tetradic

#32AEE2 #BD32E2 #E26632

Tints, Shades & Tones

Tints (Adding White)

#57E233

#69E549

#7CE860

#8FEB77

#A1EE8D

#B4F2A4

#C7F5BB

#D9F8D1

#ECFBE8

#FFFFFF

Shades (Adding Black)

#57E233

#4DC82D

#43AF27

#3A9622

#307D1C

#266416

#1D4B11

#13320B

#091905

#000000

WCAG Contrast Accessibility

1.70:1

Text on #FFFFFF

FAIL

12.33:1

Text on #000000

AAA

1.63:1

Text on #F8FAFC

FAIL

10.48:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Limegreen

#32CD32