Cool Gray 40 is a medium-dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #5D646F, which equals rgb(93, 100, 111) in RGB and hsl(217, 9%, 40%) in HSL. In print terms it converts to roughly C16 M10 Y0 K56, although exact CMYK results depend on the paper and color profile.
- HEX
#5D646F - RGB
93, 100, 111 - HSL
217°, 9%, 40% - CMYK
16, 10, 0, 56 - Family
Gray - Tone
Medium-dark, neutral
About Cool Gray 40
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 white is the most readable choice on this color, with a contrast ratio of 5.97:1. Its complementary color is #6F685D.
Download Cool Gray 40 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 40 color codes
| HEX | #5D646F |
|---|---|
| RGB | rgb(93, 100, 111) |
| HSL | hsl(217, 9%, 40%) |
| HSV | 217°, 16%, 44% |
| CMYK | 16%, 10%, 0%, 56% |
| Decimal | 6120559 |
Shades and tints of Cool Gray 40
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E4E5E7 - 100
#C9CBCF - 200
#AEB2B7 - 300
#93989F - 400
#787E87 - 500
#5D646F - 600
#4E535D - 700
#3E434A - 800
#2F3238 - 900
#1F2125 - 950
#101113
Color harmonies for Cool Gray 40
- Complementary
#6F685D≈ Warm Gray 40 - Analogous −30°
#5D6D6F≈ Cool Gray 40 - Analogous +30°
#5F5D6F≈ Cool Gray 40 - Triadic +120°
#6F5D64≈ Warm Gray 40 - Triadic +240°
#646F5D≈ Neutral Gray 40 - Split 150°
#6F5F5D≈ Warm Gray 40 - Split 210°
#6D6F5D≈ Warm Gray 40
Contrast and accessibility of Cool Gray 40
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 40 | Aa | 5.97:1 | AA (good) |
| Black text on Cool Gray 40 | Aa | 3.52:1 | AA Large only |
CSS code for Cool Gray 40
background-color: #5D646F;color: #5D646F;background-color: rgb(93, 100, 111);background-color: hsl(217, 9%, 40%);:root { --color-cool-gray-40: #5D646F; }class="bg-[#5D646F]"Colors similar to Cool Gray 40
- Neutral Gray 40
#666666 - Dim Gray
#696969 - Medium Dark Dusty Sapphire
#566381 - Medium Dark Dusty Cornflower
#566781 - Medium Dark Dusty Cobalt
#565E81 - Medium Dark Dusty Cerulean
#566B81 - Medium Dark Dusty Royal
#565A81 - Cool Gray 35
#515861 - Medium Dark Dusty Azure
#566F81 - Deep Dusty Lagoon
#456568 - Cool Gray 45
#68717D - Deep Dusty Peacock
#456168
More gray shades
- Warm Gray 95
#F3F2F1 - Cool Gray 15
#23262A - Cool Gray 20
#2E3238 - Cool Gray 25
#3A3F45 - Cool Gray 30
#464B53 - Cool Gray 35
#515861 - Cool Gray 45
#68717D - Cool Gray 50
#747E8B - Cool Gray 55
#828B97 - Cool Gray 60
#9097A2 - Cool Gray 65
#9EA4AE
Frequently asked questions
What is the HEX code for Cool Gray 40?
The HEX code for Cool Gray 40 is #5D646F.
What is the RGB value of Cool Gray 40?
Cool Gray 40 has an RGB value of 93, 100, 111 (rgb(93, 100, 111)). In HSL it is 217°, 9%, 40%.
What text color should I use on Cool Gray 40?
Use white text on Cool Gray 40. White text has a contrast ratio of 5.97:1 and black text has 3.52:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 40?
The complementary color of Cool Gray 40 is #6F685D. Analogous colors #5D6D6F and #5F5D6F also pair well.