HEX Color #42F06D (Springgreen)

About #42F06D

The hex code #42F06D 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 66, 240, and 109.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 72% C, 0% M, 55% Y, and 6% K. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#42F06D

RGB66, 240, 109

HSL134.8°, 85.3%, 60.0%

CMYK72%, 0%, 55%, 6%

HSV134.8°, 72.5%, 94.1%

LAB84.3, -69.9, 50.4

XYZ36.2, 64.6, 25.0

Decimal4386925

Color Harmonies

Complementary

#42F06D #F041C4

Analogous

#6EF041 #41F0C4

Triadic

#6D41F0 #F06C41

Tetradic

#416EF0 #F041C4 #F0C341

Tints, Shades & Tones

Tints (Adding White)

#42F06D

#57F17D

#6CF38D

#81F59D

#96F6AD

#ABF8BE

#C0FACE

#D5FBDE

#EAFDEE

#FFFFFF

Shades (Adding Black)

#42F06D

#3AD560

#33BA54

#2CA048

#24853C

#1D6A30

#165024

#0E3518

#071A0C

#000000

WCAG Contrast Accessibility

1.51:1

Text on #FFFFFF

FAIL

13.92:1

Text on #000000

AAA

1.44:1

Text on #F8FAFC

FAIL

11.83:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #42F06D; }

.text-color { color: #42F06D; }

.border-color { border: 2px solid #42F06D; }

Similar Colors

Springgreen

#00FF7F