Skip to main content
ToolsHub
#00CC66

#00CC66 Color — #00CC66

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

Color Format Conversions

HEX#00CC66
RGBrgb(0, 204, 102)
HSLhsl(150, 100%, 40%)
HSVhsv(150, 100%, 80%)
CMYKC:100% M:0% Y:50% K:20%
CSS Color#00CC66
Decimal52326
Luminance0.4415

WCAG Accessibility Contrast

#00CC66 on White
Ratio: 2.14:1 — Fail
#00CC66 on Black
Ratio: 9.83:1 — AAA
White on #00CC66
Ratio: 2.14:1 — Fail
Black on #00CC66
Ratio: 9.83:1 — AAA

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

Shades & Tints Scale

50#F2FCF7
100#D9F7E8
200#B3F0D1
300#8CE8BA
400#59DE9C
500#00CC66
600#00A352
700#007A3D
800#005229
900#00331A

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 #00CC66?

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

What is the HSL value of #00CC66?

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

Does #00CC66 meet WCAG accessibility standards?

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

What is the complementary color of #00CC66?

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