Cool Gray 25 is a dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #3A3F45, which equals rgb(58, 63, 69) in RGB and hsl(213, 9%, 25%) in HSL. In print terms it converts to roughly C16 M9 Y0 K73, although exact CMYK results depend on the paper and color profile.
- HEX
#3A3F45 - RGB
58, 63, 69 - HSL
213°, 9%, 25% - CMYK
16, 9, 0, 73 - Family
Gray - Tone
Dark, neutral
About Cool Gray 25
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 10.62:1. Its complementary color is #45403A.
Download Cool Gray 25 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 25 color codes
| HEX | #3A3F45 |
|---|---|
| RGB | rgb(58, 63, 69) |
| HSL | hsl(213, 9%, 25%) |
| HSV | 213°, 16%, 27% |
| CMYK | 16%, 9%, 0%, 73% |
| Decimal | 3817285 |
Shades and tints of Cool Gray 25
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DEDFE0 - 100
#BDBFC1 - 200
#9D9FA2 - 300
#7C7F83 - 400
#5B5F64 - 500
#3A3F45 - 600
#30353A - 700
#272A2E - 800
#1D2023 - 900
#131517 - 950
#0A0B0C
Color harmonies for Cool Gray 25
- Complementary
#45403A≈ Neutral Gray 25 - Analogous −30°
#3A4545≈ Cool Gray 25 - Analogous +30°
#3B3A45≈ Cool Gray 25 - Triadic +120°
#453A3F≈ Neutral Gray 25 - Triadic +240°
#3F453A≈ Warm Gray 25 - Split 150°
#453B3A≈ Warm Gray 25 - Split 210°
#45453A≈ Warm Gray 25
Contrast and accessibility of Cool Gray 25
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 25 | Aa | 10.62:1 | AAA (excellent) |
| Black text on Cool Gray 25 | Aa | 1.98:1 | Fails |
CSS code for Cool Gray 25
background-color: #3A3F45;color: #3A3F45;background-color: rgb(58, 63, 69);background-color: hsl(213, 9%, 25%);:root { --color-cool-gray-25: #3A3F45; }class="bg-[#3A3F45]"Colors similar to Cool Gray 25
- Neutral Gray 25
#404040 - Dark Dusty Cornflower
#354050 - Dark Dusty Sapphire
#353D50 - Dark Dusty Cerulean
#354250 - Charcoal
#36454F - Dark Dusty Cobalt
#353A50 - Dark Dusty Azure
#354550 - Dark Dusty Royal
#353850 - Warm Gray 25
#45403A - Onyx
#353839 - Graphite
#383838 - Dark Dusty Capri
#354850
More gray shades
- Warm Gray 80
#D1CCC7 - Warm Gray 85
#DCD9D5 - Warm Gray 90
#E8E6E3 - Warm Gray 95
#F3F2F1 - Cool Gray 15
#23262A - Cool Gray 20
#2E3238 - Cool Gray 30
#464B53 - Cool Gray 35
#515861 - Cool Gray 40
#5D646F - Cool Gray 45
#68717D - Cool Gray 50
#747E8B
Frequently asked questions
What is the HEX code for Cool Gray 25?
The HEX code for Cool Gray 25 is #3A3F45.
What is the RGB value of Cool Gray 25?
Cool Gray 25 has an RGB value of 58, 63, 69 (rgb(58, 63, 69)). In HSL it is 213°, 9%, 25%.
What text color should I use on Cool Gray 25?
Use white text on Cool Gray 25. White text has a contrast ratio of 10.62:1 and black text has 1.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 25?
The complementary color of Cool Gray 25 is #45403A. Analogous colors #3A4545 and #3B3A45 also pair well.