Skip to main content
ToolsHub
#00CCCC

#00CCCC Color — #00CCCC

Complete color reference for #00CCCC: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#00CCCC
RGBrgb(0, 204, 204)
HSLhsl(180, 100%, 40%)
HSVhsv(180, 100%, 80%)
CMYKC:100% M:0% Y:0% K:20%
CSS Color#00CCCC
Decimal52428
Luminance0.4755

WCAG Accessibility Contrast

#00CCCC on White
Ratio: 2:1 — Fail
#00CCCC on Black
Ratio: 10.51:1 — AAA
White on #00CCCC
Ratio: 2:1 — Fail
Black on #00CCCC
Ratio: 10.51:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F2FCFC
100#D9F7F7
200#B3F0F0
300#8CE8E8
400#59DEDE
500#00CCCC
600#00A3A3
700#007A7A
800#005252
900#003333

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #00CCCC?

The RGB equivalent is rgb(0, 204, 204). The red channel is 0, green is 204, and blue is 204 (scale 0–255).

What is the HSL value of #00CCCC?

The HSL value is hsl(180, 100%, 40%). Hue is 180°, saturation is 100%, and lightness is 40%.

Does #00CCCC meet WCAG accessibility standards?

On a white background, #00CCCC achieves a 2:1 contrast ratio (Fail). On a black background it achieves 10.51:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #00CCCC?

The complementary color (180° opposite on the hue wheel) of #00CCCC is #CC0000.