HEX Color #11E665 (Springgreen)

About #11E665

The hex code #11E665 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Springgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 17, 230, and 101.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 93% C, 0% M, 56% Y, and 10% K. The HSL representation is 143.7° hue, 86.2% saturation, and 48.4% lightness.

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#11E665

RGB17, 230, 101

HSL143.7°, 86.2%, 48.4%

CMYK93%, 0%, 56%, 10%

HSV143.7°, 92.6%, 90.2%

LAB80.5, -72.4, 49.4

XYZ30.9, 57.7, 21.8

Decimal1173093

Color Harmonies

Complementary

#11E665 #E61091

Analogous

#27E610 #10E6CF

Triadic

#6510E6 #E66510

Tetradic

#1027E6 #E61091 #E6CF10

Tints, Shades & Tones

Tints (Adding White)

#11E665

#2BE876

#45EB87

#60EE98

#7AF1A9

#95F3BA

#AFF6CB

#CAF9DC

#E4FCED

#FFFFFF

Shades (Adding Black)

#11E665

#0FCC59

#0DB24E

#0B9943

#097F38

#07662C

#054C21

#033316

#01190B

#000000

WCAG Contrast Accessibility

1.68:1

Text on #FFFFFF

FAIL

12.53:1

Text on #000000

AAA

1.60:1

Text on #F8FAFC

FAIL

10.65:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #11E665; }

.text-color { color: #11E665; }

.border-color { border: 2px solid #11E665; }

Similar Colors

Springgreen

#00FF7F