HEX Color #42F066 (Springgreen)

About #42F066

At its core, #42F066 is a light and vivid hue. Designers often compare it to the standard color Springgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 240, and 102.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 72% C, 0% M, 57% Y, and 6% K. With a hue angle of 132.4 degrees, it sits comfortably in the green spectrum.

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#42F066

RGB66, 240, 102

HSL132.4°, 85.3%, 60.0%

CMYK72%, 0%, 57%, 6%

HSV132.4°, 72.5%, 94.1%

LAB84.2, -70.8, 53.4

XYZ35.8, 64.4, 23.1

Decimal4386918

Color Harmonies

Complementary

#42F066 #F041CB

Analogous

#74F041 #41F0BD

Triadic

#6641F0 #F06541

Tetradic

#4174F0 #F041CB #F0BC41

Tints, Shades & Tones

Tints (Adding White)

#42F066

#57F177

#6CF388

#81F599

#96F6AA

#ABF8BB

#C0FACC

#D5FBDD

#EAFDEE

#FFFFFF

Shades (Adding Black)

#42F066

#3AD55A

#33BA4F

#2CA044

#248538

#1D6A2D

#165022

#0E3516

#071A0B

#000000

WCAG Contrast Accessibility

1.51:1

Text on #FFFFFF

FAIL

13.89:1

Text on #000000

AAA

1.45:1

Text on #F8FAFC

FAIL

11.81:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Springgreen

#00FF7F