#313E37
Graphite · dark neutral
About #313E37
#313E37 is a dark, near-neutral gray colour. Digitally that works out to 19% red, 24% green and 22% blue. In CMYK print terms it is 21% cyan, 0% magenta, 11% yellow and 76% black. It is close to neutral, so it sits comfortably next to both warm and cool colours.
Visually it is very close to Graphite (ΔE 7.6), with Gunmetal the next nearest named colour. Across the colour wheel sits #3E3138 (graphite), its complementary partner.
Because it is dark, it is most useful for headings, body text, footers and dark-mode backgrounds. Put white text on top of it — 11.20:1, a WCAG AAA pass. Used as a text colour on white, it is readable too (11.20:1).
Colour codes
| HEX | |
|---|---|
| RGB | |
| HSL | |
| HSV / HSB | |
| CMYK | |
| CIELAB | |
| Decimal | |
| CSS |
Closest named colours
ΔE measures visible difference: under 2 is barely noticeable, over 10 is clearly different.
Text on #313E37
WCAG contrast for white and black text on this colour.
Colour-blindness preview
How #313E37 appears to people with the three most common types of colour-vision deficiency.
Shades, tints & matching colours
Similar colours
Frequently asked questions
›What colour is #313E37?
#313E37 is a dark, near-neutral gray colour. Digitally that works out to 19% red, 24% green and 22% blue. In CMYK print terms it is 21% cyan, 0% magenta, 11% yellow and 76% black. It is close to neutral, so it sits comfortably next to both warm and cool colours.
›What text colour should I use on #313E37?
Use white text. White on #313E37 has a contrast ratio of 11.20:1 (AAA).
›What colours go with #313E37?
Its complementary colour is #3E3138, and analogous partners are #313E31 and #313E3E.