Color Palettes

Graphite color

Inspired by pencil graphite: a dark gray with a cool sheen. It feels modern and technical. It's common in electronics, cars and contemporary kitchens.

Also known as: graphite gray.

Graphite · #474A51

About graphite

Graphite (#474A51) is a neutral, dark, almost unsaturated color. It belongs to the grays family. It mixes 71 red, 74 green and 81 blue (out of 255). It is mostly used in tech, home decor, cars.

Graphite shades and tints

From lightest to darkest. Tap a shade to copy its code.

Graphite color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Dark gray
Analogous
TriadicClose to: Dark gray
Split complementaryClose to: Dark gray
TetradicClose to: Dark gray

Graphite color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Graphite
Analogous palette · Graphite
Complementary palette · Graphite
Triadic palette · Graphite
With neutrals palette · Graphite
With an accent palette · Graphite

Graphite contrast with text

White textContrast 8.9:1 · AAA
Black textContrast 2.4:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --graphite: #474A51;
  --graphite-rgb: 71, 74, 81;
}
.bg { background-color: var(--graphite); }
.text { color: var(--graphite); }

Colors similar to graphite

Charcoal grayDark grayOxford grayOnyxJet blackAnthraciteTaupeLead grayEggplantPetrol blue

Themed palettes with this color

More grays

GrayLight grayDark graySilverCharcoal graySlate grayAsh grayPearl grayOxford grayTaupeSteel grayLead graySmoke grayStone grayPlatinumBlue grayGreige

Frequently asked questions

What is the hex code for graphite?

The hex code for graphite is #474A51. In RGB it is rgb(71, 74, 81), in HSL hsl(222, 7%, 30%) and in CMYK 12, 9, 0, 68.

What is the complementary color of graphite?

Its complement on the color wheel is #514E47, close to dark gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on graphite?

Yes. The contrast with white is 8.9:1, enough for body text (WCAG AA).