Cool Gray 60 is a medium-light, neutral shade in the gray color family, with a neutral feel. Its HEX code is #9097A2, which equals rgb(144, 151, 162) in RGB and hsl(217, 9%, 60%) in HSL. In print terms it converts to roughly C11 M7 Y0 K36, although exact CMYK results depend on the paper and color profile.
- HEX
#9097A2 - RGB
144, 151, 162 - HSL
217°, 9%, 60% - CMYK
11, 7, 0, 36 - Family
Gray - Tone
Medium-light, neutral
About Cool Gray 60
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 7.13:1. Its complementary color is #A29B90.
Download Cool Gray 60 as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cool Gray 60 color codes
| HEX | #9097A2 |
|---|---|
| RGB | rgb(144, 151, 162) |
| HSL | hsl(217, 9%, 60%) |
| HSV | 217°, 11%, 64% |
| CMYK | 11%, 7%, 0%, 36% |
| Decimal | 9476002 |
Shades and tints of Cool Gray 60
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EDEEF0 - 100
#DADCE0 - 200
#C8CBD1 - 300
#B5BAC1 - 400
#A3A8B2 - 500
#9097A2 - 600
#787E87 - 700
#60656C - 800
#484C51 - 900
#303236 - 950
#18191B
Color harmonies for Cool Gray 60
- Complementary
#A29B90≈ Warm Gray 60 - Analogous −30°
#90A0A2≈ Cool Gray 60 - Analogous +30°
#9290A2≈ Cool Gray 60 - Triadic +120°
#A29097≈ Warm Gray 60 - Triadic +240°
#97A290≈ Neutral Gray 60 - Split 150°
#A29290≈ Warm Gray 60 - Split 210°
#A0A290≈ Warm Gray 60
Contrast and accessibility of Cool Gray 60
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 60 | Aa | 2.94:1 | Fails |
| Black text on Cool Gray 60 | Aa | 7.13:1 | AAA (excellent) |
CSS code for Cool Gray 60
background-color: #9097A2;color: #9097A2;background-color: rgb(144, 151, 162);background-color: hsl(217, 9%, 60%);:root { --color-cool-gray-60: #9097A2; }class="bg-[#9097A2]"Colors similar to Cool Gray 60
- Neutral Gray 60
#999999 - Medium Light Dusty Azure
#7E98A9 - Medium Light Dusty Cerulean
#7E94A9 - Pewter
#8B8E92 - Medium Light Dusty Capri
#7E9CA9 - Medium Light Dusty Cornflower
#7E90A9 - Medium Light Dusty Peacock
#7EA1A9 - Cool Gray 55
#828B97 - Medium Light Dusty Sapphire
#7E8BA9 - Light Dusty Blue
#9797BA - Cool Gray 65
#9EA4AE - Light Dusty Royal
#979ABA
More gray shades
- Cool Gray 30
#464B53 - Cool Gray 35
#515861 - Cool Gray 40
#5D646F - Cool Gray 45
#68717D - Cool Gray 50
#747E8B - Cool Gray 55
#828B97 - Cool Gray 65
#9EA4AE - Cool Gray 70
#ACB1B9 - Cool Gray 75
#BABEC5 - Cool Gray 80
#C7CBD1 - Cool Gray 85
#D5D8DC
Frequently asked questions
What is the HEX code for Cool Gray 60?
The HEX code for Cool Gray 60 is #9097A2.
What is the RGB value of Cool Gray 60?
Cool Gray 60 has an RGB value of 144, 151, 162 (rgb(144, 151, 162)). In HSL it is 217°, 9%, 60%.
What text color should I use on Cool Gray 60?
Use black text on Cool Gray 60. White text has a contrast ratio of 2.94:1 and black text has 7.13:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 60?
The complementary color of Cool Gray 60 is #A29B90. Analogous colors #90A0A2 and #9290A2 also pair well.