Neutral Gray 25 is a dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #404040, which equals rgb(64, 64, 64) in RGB and hsl(0, 0%, 25%) in HSL. In print terms it converts to roughly C0 M0 Y0 K75, although exact CMYK results depend on the paper and color profile.
- HEX
#404040 - RGB
64, 64, 64 - HSL
0°, 0%, 25% - CMYK
0, 0, 0, 75 - Family
Gray - Tone
Dark, neutral
About Neutral Gray 25
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 10.37:1. Its complementary color is #404040.
Download Neutral 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…
Neutral Gray 25 color codes
| HEX | #404040 |
|---|---|
| RGB | rgb(64, 64, 64) |
| HSL | hsl(0, 0%, 25%) |
| HSV | 0°, 0%, 25% |
| CMYK | 0%, 0%, 0%, 75% |
| Decimal | 4210752 |
Shades and tints of Neutral Gray 25
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DFDFDF - 100
#BFBFBF - 200
#A0A0A0 - 300
#808080 - 400
#606060 - 500
#404040 - 600
#353535 - 700
#2B2B2B - 800
#202020 - 900
#151515 - 950
#0B0B0B
Color harmonies for Neutral Gray 25
- Complementary
#404040≈ Cool Gray 25 - Analogous −30°
#404040≈ Cool Gray 25 - Analogous +30°
#404040≈ Cool Gray 25 - Triadic +120°
#404040≈ Cool Gray 25 - Triadic +240°
#404040≈ Cool Gray 25 - Split 150°
#404040≈ Cool Gray 25 - Split 210°
#404040≈ Cool Gray 25
Contrast and accessibility of Neutral Gray 25
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Neutral Gray 25 | Aa | 10.37:1 | AAA (excellent) |
| Black text on Neutral Gray 25 | Aa | 2.03:1 | Fails |
CSS code for Neutral Gray 25
background-color: #404040;color: #404040;background-color: rgb(64, 64, 64);background-color: hsl(0, 0%, 25%);:root { --color-neutral-gray-25: #404040; }class="bg-[#404040]"Colors similar to Neutral Gray 25
- Cool Gray 25
#3A3F45 - Warm Gray 25
#45403A - Graphite
#383838 - Onyx
#353839 - Taupe
#483C32 - Dark Dusty Persimmon
#504035 - Dark Dusty Orange
#504235 - Charcoal
#36454F - Dark Dusty Cinnabar
#503D35 - Dark Dusty Cornflower
#354050 - Dark Dusty Cerulean
#354250 - Dark Dusty Tangerine
#504535
More gray shades
- Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50 - Neutral Gray 15
#262626 - Neutral Gray 20
#333333 - Neutral Gray 30
#4C4C4C - Neutral Gray 35
#595959 - Neutral Gray 40
#666666 - Neutral Gray 45
#737373 - Neutral Gray 55
#8C8C8C
Frequently asked questions
What is the HEX code for Neutral Gray 25?
The HEX code for Neutral Gray 25 is #404040.
What is the RGB value of Neutral Gray 25?
Neutral Gray 25 has an RGB value of 64, 64, 64 (rgb(64, 64, 64)). In HSL it is 0°, 0%, 25%.
What text color should I use on Neutral Gray 25?
Use white text on Neutral Gray 25. White text has a contrast ratio of 10.37:1 and black text has 2.03:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Neutral Gray 25?
The complementary color of Neutral Gray 25 is #404040. Analogous colors #404040 and #404040 also pair well.