Cool Gray 65 is a medium-light, neutral shade in the gray color family, with a neutral feel. Its HEX code is #9EA4AE, which equals rgb(158, 164, 174) in RGB and hsl(218, 9%, 65%) in HSL. In print terms it converts to roughly C9 M6 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#9EA4AE - RGB
158, 164, 174 - HSL
218°, 9%, 65% - CMYK
9, 6, 0, 32 - Family
Gray - Tone
Medium-light, neutral
About Cool Gray 65
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 8.38:1. Its complementary color is #AEA89E.
Download Cool Gray 65 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 65 color codes
| HEX | #9EA4AE |
|---|---|
| RGB | rgb(158, 164, 174) |
| HSL | hsl(218, 9%, 65%) |
| HSV | 218°, 9%, 68% |
| CMYK | 9%, 6%, 0%, 32% |
| Decimal | 10396846 |
Shades and tints of Cool Gray 65
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EFF0F2 - 100
#DFE1E4 - 200
#CFD2D7 - 300
#BEC2C9 - 400
#AEB3BC - 500
#9EA4AE - 600
#848991 - 700
#696D74 - 800
#4F5257 - 900
#35373A - 950
#1A1B1D
Color harmonies for Cool Gray 65
- Complementary
#AEA89E≈ Warm Gray 65 - Analogous −30°
#9EACAE≈ Cool Gray 65 - Analogous +30°
#A09EAE≈ Cool Gray 65 - Triadic +120°
#AE9EA4≈ Warm Gray 65 - Triadic +240°
#A4AE9E≈ Neutral Gray 65 - Split 150°
#AEA09E≈ Warm Gray 65 - Split 210°
#ACAE9E≈ Warm Gray 65
Contrast and accessibility of Cool Gray 65
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 65 | Aa | 2.51:1 | Fails |
| Black text on Cool Gray 65 | Aa | 8.38:1 | AAA (excellent) |
CSS code for Cool Gray 65
background-color: #9EA4AE;color: #9EA4AE;background-color: rgb(158, 164, 174);background-color: hsl(218, 9%, 65%);:root { --color-cool-gray-65: #9EA4AE; }class="bg-[#9EA4AE]"Colors similar to Cool Gray 65
- Neutral Gray 65
#A6A6A6 - Light Dusty Cornflower
#97A5BA - Dark Gray
#A9A9A9 - Light Dusty Sapphire
#97A1BA - Light Dusty Cerulean
#97A8BA - Light Dusty Cobalt
#979EBA - Light Dusty Azure
#97ACBA - Light Dusty Royal
#979ABA - Light Dusty Capri
#97AFBA - Light Dusty Indigo
#9E97BA - Light Dusty Iris
#A197BA - Light Dusty Ultramarine
#9A97BA
More gray shades
- Cool Gray 35
#515861 - Cool Gray 40
#5D646F - Cool Gray 45
#68717D - Cool Gray 50
#747E8B - Cool Gray 55
#828B97 - Cool Gray 60
#9097A2 - Cool Gray 70
#ACB1B9 - Cool Gray 75
#BABEC5 - Cool Gray 80
#C7CBD1 - Cool Gray 85
#D5D8DC - Cool Gray 90
#E3E5E8
Frequently asked questions
What is the HEX code for Cool Gray 65?
The HEX code for Cool Gray 65 is #9EA4AE.
What is the RGB value of Cool Gray 65?
Cool Gray 65 has an RGB value of 158, 164, 174 (rgb(158, 164, 174)). In HSL it is 218°, 9%, 65%.
What text color should I use on Cool Gray 65?
Use black text on Cool Gray 65. White text has a contrast ratio of 2.51:1 and black text has 8.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 65?
The complementary color of Cool Gray 65 is #AEA89E. Analogous colors #9EACAE and #A09EAE also pair well.