Cool Gray 30 is a medium-dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #464B53, which equals rgb(70, 75, 83) in RGB and hsl(217, 8%, 30%) in HSL. In print terms it converts to roughly C16 M10 Y0 K67, although exact CMYK results depend on the paper and color profile.
- HEX
#464B53 - RGB
70, 75, 83 - HSL
217°, 8%, 30% - CMYK
16, 10, 0, 67 - Family
Gray - Tone
Medium-dark, neutral
About Cool Gray 30
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 8.78:1. Its complementary color is #534E46.
Download Cool Gray 30 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 30 color codes
| HEX | #464B53 |
|---|---|
| RGB | rgb(70, 75, 83) |
| HSL | hsl(217, 8%, 30%) |
| HSV | 217°, 16%, 33% |
| CMYK | 16%, 10%, 0%, 67% |
| Decimal | 4606803 |
Shades and tints of Cool Gray 30
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E0E1E2 - 100
#C1C3C6 - 200
#A3A5A9 - 300
#84878C - 400
#656970 - 500
#464B53 - 600
#3A3F45 - 700
#2F3237 - 800
#23262A - 900
#17191C - 950
#0C0D0E
Color harmonies for Cool Gray 30
- Complementary
#534E46≈ Warm Gray 30 - Analogous −30°
#465153≈ Cool Gray 30 - Analogous +30°
#484653≈ Cool Gray 30 - Triadic +120°
#53464B≈ Warm Gray 30 - Triadic +240°
#4B5346≈ Neutral Gray 30 - Split 150°
#534846≈ Warm Gray 30 - Split 210°
#515346≈ Warm Gray 30
Contrast and accessibility of Cool Gray 30
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 30 | Aa | 8.78:1 | AAA (excellent) |
| Black text on Cool Gray 30 | Aa | 2.39:1 | Fails |
CSS code for Cool Gray 30
background-color: #464B53;color: #464B53;background-color: rgb(70, 75, 83);background-color: hsl(217, 8%, 30%);:root { --color-cool-gray-30: #464B53; }class="bg-[#464B53]"Colors similar to Cool Gray 30
- Neutral Gray 30
#4C4C4C - Dark Dusty Peacock
#354A50 - Dark Dusty Lagoon
#354D50 - Dark Dusty Capri
#354850 - Charcoal
#36454F - Dark Dusty Cyan
#355050 - Dark Dusty Azure
#354550 - Dark Dusty Teal
#35504D - Warm Gray 30
#534C46 - Dark Dusty Turquoise
#35504A - Dark Dusty Cerulean
#354250 - Dark Dusty Aquamarine
#355048
More gray shades
- Warm Gray 85
#DCD9D5 - Warm Gray 90
#E8E6E3 - Warm Gray 95
#F3F2F1 - Cool Gray 15
#23262A - Cool Gray 20
#2E3238 - Cool Gray 25
#3A3F45 - Cool Gray 35
#515861 - Cool Gray 40
#5D646F - Cool Gray 45
#68717D - Cool Gray 50
#747E8B - Cool Gray 55
#828B97
Frequently asked questions
What is the HEX code for Cool Gray 30?
The HEX code for Cool Gray 30 is #464B53.
What is the RGB value of Cool Gray 30?
Cool Gray 30 has an RGB value of 70, 75, 83 (rgb(70, 75, 83)). In HSL it is 217°, 8%, 30%.
What text color should I use on Cool Gray 30?
Use white text on Cool Gray 30. White text has a contrast ratio of 8.78:1 and black text has 2.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 30?
The complementary color of Cool Gray 30 is #534E46. Analogous colors #465153 and #484653 also pair well.