HEX Color #42CC83 (Mediumseagreen)

About #42CC83

Visually, #42CC83 is defined as a moderate green. Designers often compare it to the standard color Mediumseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 204, and 131.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 68% cyan and 0% magenta inks. The HSL representation is 148.3° hue, 57.5% saturation, and 52.9% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#42CC83

RGB66, 204, 131

HSL148.3°, 57.5%, 52.9%

CMYK68%, 0%, 36%, 20%

HSV148.3°, 67.6%, 80.0%

LAB73.5, -53.5, 25.9

XYZ27.9, 46.0, 28.9

Decimal4377731

Color Harmonies

Complementary

#42CC83 #CC418B

Analogous

#46CC41 #41CCC8

Triadic

#8241CC #CC8341

Tetradic

#4146CC #CC418B #CCC841

Tints, Shades & Tones

Tints (Adding White)

#42CC83

#57D190

#6CD79E

#81DDAC

#96E2BA

#ABE8C7

#C0EED5

#D5F3E3

#EAF9F1

#FFFFFF

Shades (Adding Black)

#42CC83

#3AB574

#339E65

#2C8857

#247148

#1D5A3A

#16442B

#0E2D1D

#07160E

#000000

WCAG Contrast Accessibility

2.06:1

Text on #FFFFFF

FAIL

10.20:1

Text on #000000

AAA

1.97:1

Text on #F8FAFC

FAIL

8.67:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumseagreen

#3CB371