#669900 color

#669900 is a dark, vivid green. The closest CSS named color is Olive (#808000). In RGB it is rgb(102, 153, 0); in HSL, hsl(80, 100%, 30%).

#669900

Color conversions

Hex	`#669900`
RGB	`rgb(102, 153, 0)`
HSL	`hsl(80, 100%, 30%)`
CMYK	`33%, 0%, 100%, 40%`
CSS example	`color: #669900; background-color: rgb(102, 153, 0);`

Tints and shades of #669900

The hue is calculated at seven exact lightness levels for use in backgrounds, borders, text and hover states. These values are not substituted with nearby named colors.

#f1ffd6

#daff8f

#c2ff47

#aaff00

#7ab800

#527a00

#304700

Color schemes with #669900

Complementary — maximum contrast, from opposite sides of the color wheel:

#669900 #330099

Analogous — neighbours on the wheel, naturally harmonious:

#808000 #669900 #339900

Triadic — three colors evenly spaced for balanced variety:

#669900 #006699 #990066

Tetradic — four colors at 90° intervals:

#669900 #008b8b #330099 #990033

Text contrast and accessibility

On a #669900 background, black text gives the better contrast. WCAG requires 4.5:1 for normal text and 3:1 for large text (AA), or 7:1 and 4.5:1 for AAA.

Text color	Contrast ratio	Normal text	Large text
White text (#ffffff)	3.43:1	Fails	AA
Black text (#000000)	6.12:1	AA	AAA

Similar named colors

The CSS named colors closest to #669900:

Olive Olive Drab Dark Olive Green Forest Green Dark Goldenrod Lime Green

Build with this color

Turn #669900 into a full scheme with the Color Palette Generator, blend it into a background with the CSS Gradient Generator, or browse all named colors.