What color is #666666?

#666666 is a medium, nearly neutral gray — rgb(102, 102, 102). Its nearest CSS named color is dimgray.

How do I make tints and shades of #666666?

Mix #666666 with white for tints and with black for shades. A 20% tint of #666666 is #858585 and a 20% shade is #525252; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #666666?

White text gives the strongest contrast on a #666666 background at 5.74:1, which passes WCAG AA for normal text but not AAA.

#666666 — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#666666

#666666 is a medium, nearly neutral gray. Its nearest CSS named color is dimgray (#696969). For readable text on a #666666 background, white text gives the strongest contrast (5.74:1). #666666 sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.

Want to fine-tune this color interactively? Open #666666 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#666666`
RGB	`rgb(102, 102, 102)`
HSL	`hsl(0, 0%, 40%)`
HSV / HSB	`0°, 0%, 40%`
Nearest named	`dimgray` (`#696969`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #666666 (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #757575
20% tint #858585
30% tint #949494
40% tint #a3a3a3
50% tint #b3b3b3
60% tint #c2c2c2
70% tint #d1d1d1
80% tint #e0e0e0
90% tint #f0f0f0

Shades of #666666 (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #5c5c5c
20% shade #525252
30% shade #474747
40% shade #3d3d3d
50% shade #333333
60% shade #292929
70% shade #1f1f1f
80% shade #141414
90% shade #0a0a0a

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #666666 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 5.74:1 — AA normal: Pass · AA large: Pass · AAA: Fail
	Black text 3.66:1 — AA normal: Fail · AA large: Pass · AAA: Fail

If neither pure white nor pure black reaches the level you need, pick a lighter tint of #666666 from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More gray colors in the library: #78716C (stone-500), #737373 (neutral-500), #71717A (zinc-500), #52525B (zinc-600), #57534E (stone-600), #525252 (neutral-600).

Frequently Asked Questions

What color is #666666?

#666666 is a medium, nearly neutral gray — rgb(102, 102, 102). Its nearest CSS named color is dimgray.
How do I make tints and shades of #666666?

Mix #666666 with white for tints and with black for shades. A 20% tint of #666666 is #858585 and a 20% shade is #525252 — the full 10%–90% ramps are precomputed on this page, or open #666666 in the generator for finer steps.
What text color is readable on #666666?

White text gives the strongest contrast on a #666666 background at 5.74:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #666666? Put it on a free link-in-bio page →