ColorXprez

#31363F

Gunmetal · dark neutral

About #31363F

#31363F is a dark, near-neutral blue colour. Digitally that works out to 19% red, 21% green and 25% blue. In CMYK print terms it is 22% cyan, 14% magenta, 0% yellow and 75% black. It is close to neutral, so it sits comfortably next to both warm and cool colours.

Visually it is very close to Gunmetal (ΔE 3.8), with Graphite the next nearest named colour. Across the colour wheel sits #3F3A31 (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 — 12.14:1, a WCAG AAA pass. Used as a text colour on white, it is readable too (12.14:1).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red49
Green54
Blue63

Closest named colours

Gunmetal
#2A3439 · ΔE 3.8
Graphite
#383838 · ΔE 6.4
Charcoal
#36454F · ΔE 7.0

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

Text on #31363F

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on gunmetal #31363F.
12.14:1AAA
Black heading text
Body copy set on gunmetal #31363F.
1.73:1Fail

Colour-blindness preview

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

Normal vision
#31363F
Protanopia (no red cones)
#33363F
Deuteranopia (no green cones)
#32353F
Tritanopia (no blue cones)
#2E3839

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #31363F?

#31363F is a dark, near-neutral blue colour. Digitally that works out to 19% red, 21% green and 25% blue. In CMYK print terms it is 22% cyan, 14% magenta, 0% yellow and 75% black. It is close to neutral, so it sits comfortably next to both warm and cool colours.

›What text colour should I use on #31363F?

Use white text. White on #31363F has a contrast ratio of 12.14:1 (AAA).

›What colours go with #31363F?

Its complementary colour is #3F3A31, and analogous partners are #313D3F and #33313F.