HEX Color #42E9E2 (Turquoise)

About #42E9E2

When working with digital screens, the color #42E9E2 is rendered by mixing light. Designers often compare it to the standard color Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 233, and 226.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 72% Cyan, 0% Magenta, 3% Yellow, and 9% Black. With a hue angle of 177.5 degrees, it sits comfortably in the cyan 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#42E9E2

RGB66, 233, 226

HSL177.5°, 79.1%, 58.6%

CMYK72%, 0%, 3%, 9%

HSV177.5°, 71.7%, 91.4%

LAB84.4, -42.9, -8.9

XYZ45.1, 64.9, 82.1

Decimal4385250

Color Harmonies

Complementary

#42E9E2 #E84249

Analogous

#42E88E #429CE8

Triadic

#E142E8 #E8E142

Tetradic

#8E42E8 #E84249 #9CE842

Tints, Shades & Tones

Tints (Adding White)

#42E9E2

#57EBE5

#6CEDE8

#81F0EB

#96F2EE

#ABF5F2

#C0F7F5

#D5FAF8

#EAFCFB

#FFFFFF

Shades (Adding Black)

#42E9E2

#3ACFC8

#33B5AF

#2C9B96

#24817D

#1D6764

#164D4B

#0E3332

#071919

#000000

WCAG Contrast Accessibility

1.50:1

Text on #FFFFFF

FAIL

13.99:1

Text on #000000

AAA

1.44:1

Text on #F8FAFC

FAIL

11.89:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Turquoise

#40E0D0