Cool Gray

#8C92AC

What color is Cool Gray?

Cool gray is a soft, blue-tinted gray with a calm, muted tone, hex #8C92AC, similar in feel to the surface of a smooth slate stone. It sits between a standard gray and a pale slate blue, giving it a slightly cool cast without reading as a blue color.

What is the meaning of the color Cool Gray?

The name cool gray reflects the blue and violet undertones that separate it from neutral or warm grays. Pantone has included Cool Gray as a named color in its standardized color-matching system since the mid-20th century, making it one of the most widely referenced grays in professional printing and design. It became a standard in corporate identity work partly because its neutrality with a slight blue shift reads as calm and professional on both screen and print. IBM has used blue-shifted grays in its brand guidelines as part of a deliberate identity built around precision and technology.

RGB
140, 146, 172
HSL
229°, 16%, 61%
CMYK
19, 15, 0, 33
HSV
229°, 19%, 67%
Cool gray color

What colors go with Cool Gray?

Colors that pair well with Cool gray include:
Navy blue: deep, anchoring contrast
Soft white: clean, airy balance
Burgundy: warm, rich accent
Charcoal: subtle tonal depth
Dusty rose: gentle, warm softness

Similar Colors

Conversions & Codes

Format Value CSS
HEX #8C92AC color: #8C92AC;
RGB 140, 146, 172 color: rgb(140, 146, 172);
RGB Percentage 55%, 57%, 67% color: rgb(55%, 57%, 67%);
CMYK 19%, 15%, 0%, 33% Not supported in CSS
HSL 229°, 16%, 61% color: hsl(229, 16%, 61%);
HSV 229°, 19%, 67% Not supported in CSS
CIE-LAB 49, -1, -9 color: lab(49% -1 -9);
Decimal 9212588 Not supported in CSS

Color Variations

Shades

#8C91AB
#7A809E
#697090
#5B627E
#4E546C
#41465A
#343848
#272A36

Tints

#DCDEE6
#D1D3DE
#C5C8D5
#BABDCD
#AEB2C5
#A3A7BC
#979CB4
#8C91AB

Tones

#8C91AB
#8D92AA
#8F93A8
#9094A7
#9296A5
#9497A4
#9598A2
#9799A0

Hues

#8C91AB
#9E8CAB
#AB8CA1
#AB8E8C
#ABA68C
#99AB8C
#8CAB96
#8CA9AB

Color Harmonies

Analogous

#8CA1AB
Click to copy
#8C92AC
Click to copy
#968CAB
Click to copy

Complementary

#8C92AC
Click to copy
#ABA68C
Click to copy

Split Complementary

#8C92AC
Click to copy
#AB968C
Click to copy
#A1AB8C
Click to copy

Triadic

#8C92AC
Click to copy
#AB8C91
Click to copy
#91AB8C
Click to copy

Tetradic

#8C92AC
Click to copy
#AB8CA1
Click to copy
#ABA68C
Click to copy
#8CAB96
Click to copy

Square

#8C92AC
Click to copy
#AB8CA1
Click to copy
#ABA68C
Click to copy
#8CAB96
Click to copy

CSS & Dev Snippets

CSS
.cool-gray {
  color: #8C92AC;
}
SCSS
$cool-gray: #8C92AC;
RGB
rgb(140, 146, 172)

Accessibility & Contrast

White background

3.08:1
3.08
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.82:1
6.82
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags