A deep gray that's warmer and softer than black. It's ideal for long blocks of text on screen. It's also used for suits, sofas and modern kitchens.
Also known as: dark grey.
Dark gray (#555555) is a neutral, mid-tone, almost unsaturated color. It belongs to the grays family. It mixes 85 red, 85 green and 85 blue (out of 255). It is mostly used in web, fashion, home decor.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--dark-gray: #555555;
--dark-gray-rgb: 85, 85, 85;
}
.bg { background-color: var(--dark-gray); }
.text { color: var(--dark-gray); }The hex code for dark gray is #555555. In RGB it is rgb(85, 85, 85), in HSL hsl(0, 0%, 33%) and in CMYK 0, 0, 0, 67.
Its complement on the color wheel is #555555, close to dark gray. Used in small doses, it works as an accent and adds strong contrast.
Yes. The contrast with white is 7.5:1, enough for body text (WCAG AA).