HEX Color #42F0A0 (Mediumspringgreen)

About #42F0A0

Visually, #42F0A0 is defined as a vivid green. It is closely associated with the named CSS color Mediumspringgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 240, and 160.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 72% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#42F0A0

RGB66, 240, 160

HSL152.4°, 85.3%, 60.0%

CMYK72%, 0%, 33%, 6%

HSV152.4°, 72.5%, 94.1%

LAB85.0, -61.4, 26.4

XYZ39.8, 66.0, 43.9

Decimal4386976

Color Harmonies

Complementary

#42F0A0 #F04192

Analogous

#41F048 #41E9F0

Triadic

#9F41F0 #F09F41

Tetradic

#4841F0 #F04192 #E9F041

Tints, Shades & Tones

Tints (Adding White)

#42F0A0

#57F1AA

#6CF3B5

#81F5BF

#96F6CA

#ABF8D4

#C0FADF

#D5FBE9

#EAFDF4

#FFFFFF

Shades (Adding Black)

#42F0A0

#3AD58E

#33BA7C

#2CA06A

#248558

#1D6A47

#165035

#0E3523

#071A11

#000000

WCAG Contrast Accessibility

1.48:1

Text on #FFFFFF

FAIL

14.20:1

Text on #000000

AAA

1.41:1

Text on #F8FAFC

FAIL

12.07:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumspringgreen

#00FA9A