Dark gray color: code #404040
Dark gray
#404040
Color codes
- HEX
#404040 - RGB
rgb(64, 64, 64) - HSL
hsl(0, 0%, 25%) - HSV
hsv(0, 0%, 25%) - CMYK
cmyk(0%, 0%, 0%, 75%) - LAB
lab(27.1% 0 0) - OKLCH
oklch(37.2% 0 0)
About the color Dark gray
Dark gray has the HEX code #404040, which corresponds to rgb(64, 64, 64) in the RGB model. On the color wheel its hue sits at 0°, with 0% saturation and 25% lightness (hsl(0, 0%, 25%)).
With very low saturation (or extreme lightness) it works as a neutral, easy to pair with almost any other color.
As a background it calls for light text: white reaches a 10.36:1 contrast ratio on it, versus 2.02:1 for black.
For print, the approximate conversion is cmyk(0%, 0%, 0%, 75%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Dark gray
Complementary
#404040 · #404040
Analogous
#404040 · #404040 · #404040
Triadic
#404040 · #404040 · #404040
Tetradic
#404040 · #404040 · #404040 · #404040
Split-complementary
#404040 · #404040 · #404040
Monochromatic
#000000 · #262626 · #404040 · #666666 · #8C8C8C
Dark gray with white and black text
How to use it in CSS
:root {
--color-dark-gray: #404040;
--color-dark-gray-rgb: 64, 64, 64;
}
.elemento {
background-color: var(--color-dark-gray);
color: #FFFFFF;
}