Toolman

#006600 color

#006600#006600

#006600 is a dark, vivid green, closest to the CSS named color darkgreen (#006400).

Color values

HEX#006600
RGBrgb(0, 102, 0)
HSLhsl(120, 100%, 20%)
CMYKcmyk(100%, 0%, 100%, 60%)
Decimal26112
CSScolor: #006600;
Android0xFF006600
SwiftUIColor(red: 0.000, green: 0.400, blue: 0.000, alpha: 1)

Accessibility and contrast

White text on #0066007.24:1 — AA pass · AA large pass · AAA pass
Black text on #0066002.90:1 — AA fail · AA large fail · AAA fail
Recommended text colorwhite

WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).

Tints and shades of #006600

Each swatch keeps the hue and saturation of #006600 and varies only lightness — the quickest way to build a usable scale from a single brand color.

95%
85%
75%
65%
55%
45%
35%
25%
15%

Colors that go with #006600

Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.

Complementary
Triadic +120°
Triadic +240°
Analogous −30°
Analogous +30°
Split −150°
Split +150°

Using #006600 in code

/* CSS */
.element { color: #006600; background-color: #006600; }
.element { color: rgb(0 102 0); }
.element { color: hsl(120 100% 20%); }

/* Tailwind arbitrary value */
<div class="bg-[#006600] text-white">

/* SCSS variable */
$brand: #006600;

Frequently asked questions

What color is #006600?

#006600 is a dark, vivid green. Its hue sits at 120° on the color wheel, with 100% saturation and 20% lightness.

What is #006600 in RGB?

#006600 converts to rgb(0, 102, 0) — 0 red, 102 green and 0 blue.

What is #006600 in CMYK?

Approximately cmyk(100%, 0%, 100%, 60%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.

Should text on #006600 be white or black?

White gives the better contrast ratio (7.24:1 versus 2.90:1).

What is the complementary color of #006600?

#660066 — the hue directly opposite #006600 on the color wheel.

Convert any color → · Browse all colors