HEX Color #42DBE2 (Darkturquoise)

About #42DBE2

The precise color #42DBE2 is an excellent choice for modern design projects. Designers often compare it to the standard color Darkturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 219, and 226.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 71% Cyan, 3% Magenta, 0% Yellow, and 11% Black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#42DBE2

RGB66, 219, 226

HSL182.6°, 73.4%, 57.3%

CMYK71%, 3%, 0%, 11%

HSV182.6°, 70.8%, 88.6%

LAB80.4, -36.6, -15.0

XYZ41.3, 57.3, 80.8

Decimal4381666

Color Harmonies

Complementary

#42DBE2 #E24941

Analogous

#41E299 #418BE2

Triadic

#E241DA #DAE241

Tetradic

#9841E2 #E24941 #8BE241

Tints, Shades & Tones

Tints (Adding White)

#42DBE2

#57DFE5

#6CE3E8

#81E7EB

#96EBEE

#ABEFF2

#C0F3F5

#D5F7F8

#EAFBFB

#FFFFFF

Shades (Adding Black)

#42DBE2

#3AC2C8

#33AAAF

#2C9296

#24797D

#1D6164

#16494B

#0E3032

#071819

#000000

WCAG Contrast Accessibility

1.69:1

Text on #FFFFFF

FAIL

12.46:1

Text on #000000

AAA

1.61:1

Text on #F8FAFC

FAIL

10.59:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Darkturquoise

#00CED1