A light gray with a soft, mixed look that comes from blending gray and white fibers. It is the classic color of T-shirts, hoodies and sweatpants.
Also known as: Heather grey, Athletic heather.
Heather gray (#B6B6B4) is a neutral, light, almost unsaturated color. It belongs to the grays family. It mixes 182 red, 182 green and 180 blue (out of 255). It is mostly used in T-shirts, activewear, basics.
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 {
--heather-gray: #B6B6B4;
--heather-gray-rgb: 182, 182, 180;
}
.bg { background-color: var(--heather-gray); }
.text { color: var(--heather-gray); }The hex code for heather gray is #B6B6B4. In RGB it is rgb(182, 182, 180), in HSL hsl(60, 1%, 71%) and in CMYK 0, 0, 1, 29.
Its complement on the color wheel is #B4B4B6, close to heather gray. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 2.0:1, while with black it is 10.3:1.