HEX Color #00CCCC (Darkturquoise)

About #00CCCC

At its core, #00CCCC is a medium and vivid hue. Its closest recognized web color is Darkturquoise. Its digital footprint relies on 0 parts red, 204 parts green, and 204 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 100% Cyan, 0% Magenta, 0% Yellow, and 20% Black. The HSL representation is 180.0° hue, 100.0% saturation, and 40.0% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00CCCC

RGB0, 204, 204

HSL180.0°, 100.0%, 40.0%

CMYK100%, 0%, 0%, 20%

HSV180.0°, 100.0%, 80.0%

LAB74.5, -40.6, -11.9

XYZ32.5, 47.5, 64.6

Decimal52428

Color Harmonies

Complementary

#00CCCC #CC0000

Analogous

#00CC66 #0065CC

Triadic

#CC00CB #CBCC00

Tetradic

#6500CC #CC0000 #66CC00

Tints, Shades & Tones

Tints (Adding White)

#00CCCC

#1CD1D1

#38D7D7

#55DDDD

#71E2E2

#8DE8E8

#AAEEEE

#C6F3F3

#E2F9F9

#FFFFFF

Shades (Adding Black)

#00CCCC

#00B5B5

#009E9E

#008888

#007171

#005A5A

#004444

#002D2D

#001616

#000000

WCAG Contrast Accessibility

2.00:1

Text on #FFFFFF

FAIL

10.51:1

Text on #000000

AAA

1.91:1

Text on #F8FAFC

FAIL

8.93:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #00CCCC; }

.text-color { color: #00CCCC; }

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

Similar Colors

Darkturquoise

#00CED1