The midpoint between white and black. It's neutral and balanced, letting other colors stand out. It's used for secondary text, wardrobe basics and modern decor.
Also known as: grey.
Gray (#808080) is a neutral, mid-tone, almost unsaturated color. It belongs to the grays family. It mixes 128 red, 128 green and 128 blue (out of 255). It is mostly used in web, home decor, fashion, branding.
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 {
--gray: #808080;
--gray-rgb: 128, 128, 128;
}
.bg { background-color: var(--gray); }
.text { color: var(--gray); }The hex code for gray is #808080. In RGB it is rgb(128, 128, 128), in HSL hsl(0, 0%, 50%) and in CMYK 0, 0, 0, 50.
Its complement on the color wheel is #808080, close to gray. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 3.9:1, while with black it is 5.3:1.
It pairs well with white, black, yellow, dusty pink, navy blue. Avoid mixing grays with different undertones, like a bluish gray with a greenish one, because they look mismatched. Gray with a very yellow beige can also look dingy.