HEX Color #42E2CC (Turquoise)

About #42E2CC

When working with digital screens, the color #42E2CC is rendered by mixing light. It is closely associated with the named CSS color Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 226, and 204.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 71% cyan and 0% magenta inks. The HSL representation is 171.8° hue, 73.4% saturation, and 57.3% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#42E2CC

RGB66, 226, 204

HSL171.8°, 73.4%, 57.3%

CMYK71%, 0%, 10%, 11%

HSV171.8°, 70.8%, 88.6%

LAB81.8, -45.7, -1.1

XYZ40.3, 59.9, 66.6

Decimal4383436

Color Harmonies

Complementary

#42E2CC #E24157

Analogous

#41E27C #41A7E2

Triadic

#CC41E2 #E2CB41

Tetradic

#7B41E2 #E24157 #A7E241

Tints, Shades & Tones

Tints (Adding White)

#42E2CC

#57E5D1

#6CE8D7

#81EBDD

#96EEE2

#ABF2E8

#C0F5EE

#D5F8F3

#EAFBF9

#FFFFFF

Shades (Adding Black)

#42E2CC

#3AC8B5

#33AF9E

#2C9688

#247D71

#1D645A

#164B44

#0E322D

#071916

#000000

WCAG Contrast Accessibility

1.62:1

Text on #FFFFFF

FAIL

12.98:1

Text on #000000

AAA

1.55:1

Text on #F8FAFC

FAIL

11.04:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Turquoise

#40E0D0