#99cc66 color

#99cc66 is a light, strong green. The closest CSS named color is Dark Khaki (#bdb76b). In RGB it is rgb(153, 204, 102); in HSL, hsl(90, 50%, 60%).

#99cc66

Color conversions

Hex	`#99cc66`
RGB	`rgb(153, 204, 102)`
HSL	`hsl(90, 50%, 60%)`
CMYK	`25%, 0%, 50%, 20%`
CSS example	`color: #99cc66; background-color: rgb(153, 204, 102);`

Tints and shades of #99cc66

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.

#ebf5e0

#c7e3ab

#a3d175

#80bf40

#5c8a2e

#3d5c1f

#243612

Color schemes with #99cc66

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

#99cc66 #9966cc

Analogous — neighbours on the wheel, naturally harmonious:

#cccc66 #99cc66 #66cc66

Triadic — three colors evenly spaced for balanced variety:

#99cc66 #6699cc #cc6699

Tetradic — four colors at 90° intervals:

#99cc66 #66cccc #9966cc #cc6666

Text contrast and accessibility

On a #99cc66 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)	1.88:1	Fails	Fails
Black text (#000000)	11.18:1	AAA	AAA

Similar named colors

The CSS named colors closest to #99cc66:

Dark Khaki Dark Sea Green Yellow Green Light Green Pale Green Tan

Build with this color

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