#666666
Gray 7
#666666 is the CSS named color "dimgray", an exact match. In RGB it breaks down to red 102, green 102, and blue 102 out of 255 each. In HSL terms that's a hue of 0°, 0% saturation, and 40% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #666666 |
| RGB | rgb(102, 102, 102) |
| HSL | hsl(0° 0% 40%) |
| HSB | hsb(0° 0% 40%) |
| OKLCH | oklch(51% 0.000 0°) |
| OKLAB | oklab(51% 0.000 0.000) |
| LCH | lch(43% 0.0 0°) |
| CMYK | cmyk(0% 0% 0% 60%) |
Shades (darker)
#666666 · #5b5b5b · #4f4f4f · #444444 · #3a3a3a
Tints (lighter)
#666666 · #747474 · #828282 · #919191 · #a0a0a0
Shades mix #666666 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 5.74:1 — AA
On black: 3.66:1 — AA (large text only)
Frequently asked
- What is #666666 in RGB?
- #666666 is rgb(102, 102, 102) — red 102, green 102, blue 102 out of 255 each.
- Does #666666 pass WCAG contrast on a white background?
- It has a contrast ratio of 5.74:1 against white, which passes WCAG AA for normal text.
- What's a good background color to pair with #666666?
- White text or a white background gives better contrast (5.74:1) than black (3.66:1).