Graphite color: code #474A51
Graphite
#474A51
Color codes
- HEX
#474A51 - RGB
rgb(71, 74, 81) - HSL
hsl(222, 7%, 30%) - HSV
hsv(222, 12%, 32%) - CMYK
cmyk(12%, 9%, 0%, 68%) - LAB
lab(31.4% 0.4 -4.6) - OKLCH
oklch(40.9% 0.012 267.2)
About the color Graphite
Graphite has the HEX code #474A51, which corresponds to rgb(71, 74, 81) in the RGB model. On the color wheel its hue sits at 222°, with 7% saturation and 30% lightness (hsl(222, 7%, 30%)).
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 8.87:1 contrast ratio on it, versus 2.36:1 for black.
For print, the approximate conversion is cmyk(12%, 9%, 0%, 68%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Graphite
Complementary
#474A51 · #524F47
Analogous
#475052 · #474A51 · #494752
Triadic
#474A51 · #52474A · #4A5247
Tetradic
#474A51 · #524750 · #524F47 · #475249
Split-complementary
#474A51 · #524947 · #505247
Monochromatic
#0C0C0E · #2F3237 · #474A51 · #6B707B · #9296A0
Graphite with white and black text
How to use it in CSS
:root {
--color-graphite: #474A51;
--color-graphite-rgb: 71, 74, 81;
}
.elemento {
background-color: var(--color-graphite);
color: #FFFFFF;
}