Skip to main content
ToolsHub
#00CC00

#00CC00 Color — #00CC00

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

Color Format Conversions

HEX#00CC00
RGBrgb(0, 204, 0)
HSLhsl(120, 100%, 40%)
HSVhsv(120, 100%, 80%)
CMYKC:100% M:0% Y:100% K:20%
CSS Color#00CC00
Decimal52224
Luminance0.4319

WCAG Accessibility Contrast

#00CC00 on White
Ratio: 2.18:1 — Fail
#00CC00 on Black
Ratio: 9.64:1 — AAA
White on #00CC00
Ratio: 2.18:1 — Fail
Black on #00CC00
Ratio: 9.64:1 — AAA

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

Shades & Tints Scale

50#F2FCF2
100#D9F7D9
200#B3F0B3
300#8CE88C
400#59DE59
500#00CC00
600#00A300
700#007A00
800#005200
900#003300

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

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

What is the HSL value of #00CC00?

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

Does #00CC00 meet WCAG accessibility standards?

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

What is the complementary color of #00CC00?

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