Cool Gray

#8C92AC
RGB
140, 146, 172
HSL
229°, 16%, 61%
CMYK
19, 15, 0, 33
HSV
229°, 19%, 67%

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
Light Cyan
97%
#8C92AC
Click to copy
Cool gray
100%
#968CAB
Click to copy
Light Blue
97%

Complementary

#8C92AC
Click to copy
Cool gray
100%
#ABA68C
Click to copy
Light Orange
89%

Split Complementary

#8C92AC
Click to copy
Cool gray
100%
#AB968C
Click to copy
Light Red
90%
#A1AB8C
Click to copy
Light Yellow
90%

Triadic

#8C92AC
Click to copy
Cool gray
100%
#AB8C91
Click to copy
Light Magenta
91%
#91AB8C
Click to copy
Light Green
91%

Tetradic

#8C92AC
Click to copy
Cool gray
100%
#AB8CA1
Click to copy
Light Purple
92%
#ABA68C
Click to copy
Light Orange
89%
#8CAB96
Click to copy
Light Green
92%

Square

#8C92AC
Click to copy
Cool gray
100%
#AB8CA1
Click to copy
Light Purple
92%
#ABA68C
Click to copy
Light Orange
89%
#8CAB96
Click to copy
Light Green
92%

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