Cool gray color

A medium gray with a blue-purple undertone. It is a common neutral in graphic design, user interfaces and modern interiors.

Also known as: Cool grey.

Cool gray · #8C92AC

About cool gray

Cool gray (#8C92AC) is a cool, mid-tone, muted color. It belongs to the grays family. It mixes 140 red, 146 green and 172 blue (out of 255). It is mostly used in graphic design, UI, interiors.

Cool gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Cool gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Khaki

AnalogousClose to: Cadet gray, Heather

TriadicClose to: Mountbatten pink, Sage green

Split complementaryClose to: Warm gray, Sage green

TetradicClose to: Dusty lavender, Khaki, Sage green

Cool gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Cool gray

Analogous palette · Cool gray

Complementary palette · Cool gray

Triadic palette · Cool gray

With neutrals palette · Cool gray

With an accent palette · Cool gray

Cool gray contrast with text

White textContrast 3.1:1 · AA large text

Black textContrast 6.8:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --cool-gray: #8C92AC;
  --cool-gray-rgb: 140, 146, 172;
}
.bg { background-color: var(--cool-gray); }
.text { color: var(--cool-gray); }

Colors similar to cool gray

Dusty blue Light slate gray Heather Blue gray Cadet gray Slate gray Pastel purple Pewter Chambray blue Air force blue

Themed palettes with this color

Frequently asked questions

What is the hex code for cool gray?

The hex code for cool gray is #8C92AC. In RGB it is rgb(140, 146, 172), in HSL hsl(229, 16%, 61%) and in CMYK 19, 15, 0, 33.

What is the complementary color of cool gray?

Its complement on the color wheel is #ACA68C, close to khaki. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on cool gray?

Use black text instead: the contrast with white is only 3.1:1, while with black it is 6.8:1.