Cool Gray 45 is a medium, neutral shade in the gray color family, with a neutral feel. Its HEX code is #68717D, which equals rgb(104, 113, 125) in RGB and hsl(214, 9%, 45%) in HSL. In print terms it converts to roughly C17 M10 Y0 K51, although exact CMYK results depend on the paper and color profile.
- HEX
#68717D - RGB
104, 113, 125 - HSL
214°, 9%, 45% - CMYK
17, 10, 0, 51 - Family
Gray - Tone
Medium, neutral
About Cool Gray 45
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 4.94:1. Its complementary color is #7D7468.
Download Cool Gray 45 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 45 color codes
| HEX | #68717D |
|---|---|
| RGB | rgb(104, 113, 125) |
| HSL | hsl(214, 9%, 45%) |
| HSV | 214°, 17%, 49% |
| CMYK | 17%, 10%, 0%, 51% |
| Decimal | 6844797 |
Shades and tints of Cool Gray 45
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E7E9 - 100
#CDD0D4 - 200
#B4B8BE - 300
#9AA0A8 - 400
#818993 - 500
#68717D - 600
#575E68 - 700
#454B53 - 800
#34393F - 900
#23262A - 950
#111315
Color harmonies for Cool Gray 45
- Complementary
#7D7468≈ Warm Gray 45 - Analogous −30°
#687C7D≈ Cool Gray 45 - Analogous +30°
#6A687D≈ Cool Gray 45 - Triadic +120°
#7D6871≈ Warm Gray 45 - Triadic +240°
#717D68≈ Neutral Gray 45 - Split 150°
#7D6A68≈ Warm Gray 45 - Split 210°
#7C7D68≈ Warm Gray 45
Contrast and accessibility of Cool Gray 45
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 45 | Aa | 4.94:1 | AA (good) |
| Black text on Cool Gray 45 | Aa | 4.25:1 | AA Large only |
CSS code for Cool Gray 45
background-color: #68717D;color: #68717D;background-color: rgb(104, 113, 125);background-color: hsl(214, 9%, 45%);:root { --color-cool-gray-45: #68717D; }class="bg-[#68717D]"Colors similar to Cool Gray 45
- Neutral Gray 45
#737373 - Medium Dark Dusty Azure
#566F81 - Medium Dark Dusty Capri
#567481 - Medium Dark Dusty Cerulean
#566B81 - Medium Dark Dusty Peacock
#567881 - Medium Dark Dusty Cornflower
#566781 - Dim Gray
#696969 - Medium Dark Dusty Lagoon
#567C81 - Cool Gray 40
#5D646F - Cool Gray 50
#747E8B - Medium Dark Dusty Sapphire
#566381 - Medium Dark Dusty Teal
#56817C
More gray shades
- Cool Gray 15
#23262A - Cool Gray 20
#2E3238 - Cool Gray 25
#3A3F45 - Cool Gray 30
#464B53 - Cool Gray 35
#515861 - Cool Gray 40
#5D646F - Cool Gray 50
#747E8B - Cool Gray 55
#828B97 - Cool Gray 60
#9097A2 - Cool Gray 65
#9EA4AE - Cool Gray 70
#ACB1B9
Frequently asked questions
What is the HEX code for Cool Gray 45?
The HEX code for Cool Gray 45 is #68717D.
What is the RGB value of Cool Gray 45?
Cool Gray 45 has an RGB value of 104, 113, 125 (rgb(104, 113, 125)). In HSL it is 214°, 9%, 45%.
What text color should I use on Cool Gray 45?
Use white text on Cool Gray 45. White text has a contrast ratio of 4.94:1 and black text has 4.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 45?
The complementary color of Cool Gray 45 is #7D7468. Analogous colors #687C7D and #6A687D also pair well.