Warm Gray 25 is a dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #45403A, which equals rgb(69, 64, 58) in RGB and hsl(33, 9%, 25%) in HSL. In print terms it converts to roughly C0 M7 Y16 K73, although exact CMYK results depend on the paper and color profile.
- HEX
#45403A - RGB
69, 64, 58 - HSL
33°, 9%, 25% - CMYK
0, 7, 16, 73 - Family
Gray - Tone
Dark, neutral
About Warm Gray 25
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 10.26:1. Its complementary color is #3A3F45.
Download Warm 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…
Warm Gray 25 color codes
| HEX | #45403A |
|---|---|
| RGB | rgb(69, 64, 58) |
| HSL | hsl(33, 9%, 25%) |
| HSV | 33°, 16%, 27% |
| CMYK | 0%, 7%, 16%, 73% |
| Decimal | 4538426 |
Shades and tints of Warm Gray 25
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E0DFDE - 100
#C1BFBD - 200
#A2A09D - 300
#83807C - 400
#64605B - 500
#45403A - 600
#3A3530 - 700
#2E2B27 - 800
#23201D - 900
#171513 - 950
#0C0B0A
Color harmonies for Warm Gray 25
- Complementary
#3A3F45≈ Neutral Gray 25 - Analogous −30°
#453B3A≈ Warm Gray 25 - Analogous +30°
#45453A≈ Warm Gray 25 - Triadic +120°
#3A4540≈ Neutral Gray 25 - Triadic +240°
#403A45≈ Cool Gray 25 - Split 150°
#3A4545≈ Cool Gray 25 - Split 210°
#3B3A45≈ Cool Gray 25
Contrast and accessibility of Warm Gray 25
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Warm Gray 25 | Aa | 10.26:1 | AAA (excellent) |
| Black text on Warm Gray 25 | Aa | 2.05:1 | Fails |
CSS code for Warm Gray 25
background-color: #45403A;color: #45403A;background-color: rgb(69, 64, 58);background-color: hsl(33, 9%, 25%);:root { --color-warm-gray-25: #45403A; }class="bg-[#45403A]"Colors similar to Warm Gray 25
- Neutral Gray 25
#404040 - Taupe
#483C32 - Dark Dusty Persimmon
#504035 - Dark Dusty Orange
#504235 - Dark Dusty Cinnabar
#503D35 - Dark Dusty Tangerine
#504535 - Dark Dusty Vermilion
#503A35 - Dark Dusty Scarlet
#503835 - Dark Dusty Amber
#504835 - Cool Gray 25
#3A3F45 - Graphite
#383838 - Dark Dusty Marigold
#504A35
More gray shades
- Neutral Gray 80
#CCCCCC - Neutral Gray 85
#D9D9D9 - Neutral Gray 90
#E6E6E6 - Neutral Gray 95
#F2F2F2 - Warm Gray 15
#2A2623 - Warm Gray 20
#38332E - Warm Gray 30
#534C46 - Warm Gray 35
#615951 - Warm Gray 40
#6F665D - Warm Gray 45
#7D7368 - Warm Gray 50
#8B8074
Frequently asked questions
What is the HEX code for Warm Gray 25?
The HEX code for Warm Gray 25 is #45403A.
What is the RGB value of Warm Gray 25?
Warm Gray 25 has an RGB value of 69, 64, 58 (rgb(69, 64, 58)). In HSL it is 33°, 9%, 25%.
What text color should I use on Warm Gray 25?
Use white text on Warm Gray 25. White text has a contrast ratio of 10.26:1 and black text has 2.05:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Warm Gray 25?
The complementary color of Warm Gray 25 is #3A3F45. Analogous colors #453B3A and #45453A also pair well.