ColorXprez

#313C2B

Graphite · dark cool green

About #313C2B

#313C2B is a muted, dark shade in the green family. On screen it is built from 19% red, 24% green and 17% blue; for print, its CMYK mix is 18% cyan, 0% magenta, 28% yellow and 76% black. Its overall feel is cool.

Of the common colour names it is similar to Graphite (ΔE 12.4); Jet comes next. Its complementary colour, directly opposite on the colour wheel, is #362B3C — a gunmetal tone that gives the strongest contrast in hue.

Designers tend to use dark tones like #313C2B for headings, body text, footers and dark-mode backgrounds. Put white text on top of it — 11.59:1, a WCAG AAA pass. Used as a text colour on white, it is readable too (11.59:1).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red49
Green60
Blue43

Closest named colours

Graphite
#383838 · ΔE 12.4
Jet
#2B2B2B · ΔE 13.9
Dark Green
#013220 · ΔE 14.4

ΔE measures visible difference: under 2 is barely noticeable, over 10 is clearly different.

Text on #313C2B

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on graphite #313C2B.
11.59:1AAA
Black heading text
Body copy set on graphite #313C2B.
1.81:1Fail

Colour-blindness preview

How #313C2B appears to people with the three most common types of colour-vision deficiency.

Normal vision
#313C2B
Protanopia (no red cones)
#3D392A
Deuteranopia (no green cones)
#3C382C
Tritanopia (no blue cones)
#313B37

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #313C2B?

#313C2B is a muted, dark shade in the green family. On screen it is built from 19% red, 24% green and 17% blue; for print, its CMYK mix is 18% cyan, 0% magenta, 28% yellow and 76% black. Its overall feel is cool.

›What text colour should I use on #313C2B?

Use white text. White on #313C2B has a contrast ratio of 11.59:1 (AAA).

›What colours go with #313C2B?

Its complementary colour is #362B3C, and analogous partners are #3A3C2B and #2B3C2D.