HEX Color #2CE9F0 (Darkturquoise)

About #2CE9F0

At its core, #2CE9F0 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Darkturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 233, and 240.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 82% cyan, 3% magenta, 0% yellow, and 6% black. Always request a physical proof before doing a large print run with this exact code.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#2CE9F0

RGB44, 233, 240

HSL182.1°, 86.7%, 55.7%

CMYK82%, 3%, 0%, 6%

HSV182.1°, 81.7%, 94.1%

LAB84.5, -41.1, -16.1

XYZ45.9, 65.1, 92.6

Decimal2943472

Color Harmonies

Complementary

#2CE9F0 #EF322C

Analogous

#2CEF95 #2C86EF

Triadic

#EF2CE8 #E9EF2C

Tetradic

#942CEF #EF322C #87EF2C

Tints, Shades & Tones

Tints (Adding White)

#2CE9F0

#43EBF1

#5AEDF3

#72F0F5

#89F2F6

#A1F5F8

#B8F7FA

#D0FAFB

#E7FCFD

#FFFFFF

Shades (Adding Black)

#2CE9F0

#27CFD5

#22B5BA

#1D9BA0

#188185

#13676A

#0E4D50

#093335

#04191A

#000000

WCAG Contrast Accessibility

1.50:1

Text on #FFFFFF

FAIL

14.02:1

Text on #000000

AAA

1.43:1

Text on #F8FAFC

FAIL

11.92:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #2CE9F0; }

.text-color { color: #2CE9F0; }

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

Similar Colors

Darkturquoise

#00CED1