#71717A color
The swatch above shows #71717A with its hex code written on it in white and in black, so you can see which of the two is legible before reading the measured ratios below.
#71717A is a medium, desaturated grey, closest to the CSS named color dimgray (#696969).
It is also a Tailwind CSS default: zinc-500. That means you can write bg-zinc-500 or text-zinc-500 directly, with no arbitrary-value brackets and no entry in your theme config.
Color values
| HEX | #71717A |
| RGB | rgb(113, 113, 122) |
| HSL | hsl(240, 4%, 46%) |
| CMYK | cmyk(7%, 7%, 0%, 52%) |
| Decimal | 7434618 |
| CSS | color: #71717A; |
| Android | 0xFF71717A |
| Swift | UIColor(red: 0.443, green: 0.443, blue: 0.478, alpha: 1) |
Accessibility and contrast
| White text on #71717A | 4.83:1 — AA pass · AA large pass · AAA fail |
| Black text on #71717A | 4.35:1 — AA fail · AA large pass · AAA fail |
| Recommended text color | white |
WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).
Tints and shades of #71717A
Each swatch keeps the hue and saturation of #71717A and varies only lightness — the quickest way to build a usable scale from a single brand color.
Colors that go with #71717A
Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.
Using #71717A in code
/* CSS */
.element { color: #71717A; background-color: #71717A; }
.element { color: rgb(113 113 122); }
.element { color: hsl(240 4% 46%); }
/* Tailwind */
<div class="bg-zinc-500 text-white">
/* SCSS variable */
$brand: #71717A;Frequently asked questions
What color is #71717A?
#71717A is a medium, desaturated grey. Its hue sits at 240° on the color wheel, with 4% saturation and 46% lightness.
What is #71717A in RGB?
#71717A converts to rgb(113, 113, 122) — 113 red, 113 green and 122 blue.
What is #71717A in CMYK?
Approximately cmyk(7%, 7%, 0%, 52%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.
Should text on #71717A be white or black?
White gives the better contrast ratio (4.83:1 versus 4.35:1).
What is the complementary color of #71717A?
#7A7A71 — the hue directly opposite #71717A on the color wheel.