HEX Color #00CCDB (Darkturquoise)

About #00CCDB

The precise color #00CCDB is an excellent choice for modern design projects. Designers often compare it to the standard color Darkturquoise. In the RGB color space, it consists of 0 red, 204 green, and 219 blue.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 100% cyan, 7% magenta, 0% yellow, and 14% black. With a hue angle of 184.1 degrees, it sits comfortably in the cyan spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00CCDB

RGB0, 204, 219

HSL184.1°, 100.0%, 42.9%

CMYK100%, 7%, 0%, 14%

HSV184.1°, 100.0%, 85.9%

LAB75.0, -36.1, -19.3

XYZ34.4, 48.3, 74.5

Decimal52443

Color Harmonies

Complementary

#00CCDB #DB0E00

Analogous

#00DB7C #005EDB

Triadic

#DB00CC #CCDB00

Tetradic

#7C00DB #DB0E00 #5EDB00

Tints, Shades & Tones

Tints (Adding White)

#00CCDB

#1CD1DF

#38D7E3

#55DDE7

#71E2EB

#8DE8EF

#AAEEF3

#C6F3F7

#E2F9FB

#FFFFFF

Shades (Adding Black)

#00CCDB

#00B5C2

#009EAA

#008892

#007179

#005A61

#004449

#002D30

#001618

#000000

WCAG Contrast Accessibility

1.97:1

Text on #FFFFFF

FAIL

10.66:1

Text on #000000

AAA

1.88:1

Text on #F8FAFC

FAIL

9.06:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Darkturquoise

#00CED1