HEX Color #42D3A8 (Mediumaquamarine)

About #42D3A8

Visually, #42D3A8 is defined as a moderate green. If you're using CSS, you might find it aligns closely with Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 211, and 168.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 69% cyan and 0% magenta inks. With a hue angle of 162.2 degrees, it sits comfortably in the green spectrum.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#42D3A8

RGB66, 211, 168

HSL162.2°, 62.2%, 54.3%

CMYK69%, 0%, 20%, 17%

HSV162.2°, 68.7%, 82.7%

LAB76.4, -48.3, 10.3

XYZ32.6, 50.6, 45.1

Decimal4379560

Color Harmonies

Complementary

#42D3A8 #D2426C

Analogous

#42D25F #42B5D2

Triadic

#A742D2 #D2A742

Tetradic

#5F42D2 #D2426C #B5D242

Tints, Shades & Tones

Tints (Adding White)

#42D3A8

#57D7B1

#6CDCBB

#81E1C5

#96E6CE

#ABEBD8

#C0F0E2

#D5F5EB

#EAFAF5

#FFFFFF

Shades (Adding Black)

#42D3A8

#3ABB95

#33A482

#2C8C70

#24755D

#1D5D4A

#164638

#0E2E25

#071712

#000000

WCAG Contrast Accessibility

1.89:1

Text on #FFFFFF

FAIL

11.11:1

Text on #000000

AAA

1.81:1

Text on #F8FAFC

FAIL

9.45:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA