#996666 color

#996666 is a medium, grayish red. The closest CSS named color is Gray (#808080). In RGB it is rgb(153, 102, 102); in HSL, hsl(0, 20%, 50%).

#996666

Color conversions

Hex	`#996666`
RGB	`rgb(153, 102, 102)`
HSL	`hsl(0, 20%, 50%)`
CMYK	`0%, 33%, 33%, 40%`
CSS example	`color: #996666; background-color: rgb(153, 102, 102);`

Tints and shades of #996666

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.

#efe7e7

#d2bcbc

#b69191

#996666

#6e4949

#493131

#2b1d1d

Color schemes with #996666

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

#996666 #669999

Analogous — neighbours on the wheel, naturally harmonious:

#996699 #996666 #999966

Triadic — three colors evenly spaced for balanced variety:

#996666 #669966 #666699

Tetradic — four colors at 90° intervals:

#996666 #999966 #669999 #996699

Text contrast and accessibility

On a #996666 background, white 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)	4.72:1	AA	AAA
Black text (#000000)	4.45:1	Fails	AA

Similar named colors

The CSS named colors closest to #996666:

Gray Dim Gray Indian Red Sienna Slate Gray Rosy Brown

Build with this color

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