ColorXprez

#514B3F

Umber · dark warm brown

About #514B3F

With the hex code #514B3F, this is a dark brown with a muted character. Its RGB recipe is 32% red, 29% green and 25% blue, while a printer would mix 0% cyan, 7% magenta, 22% yellow and 68% black. It reads as a warm colour.

If you had to name it, it is very close to Umber — a ΔE of 6.8 — followed by Walnut. For maximum hue contrast, pair it with its complement #3F4551, a charcoal shade.

In design, a dark colour like this works best for headings, body text, footers and dark-mode backgrounds. Put white text on top of it — 8.65:1, a WCAG AAA pass. Used as a text colour on white, it is readable too (8.65:1).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red81
Green75
Blue63

Closest named colours

Umber
#635147 · ΔE 6.8
Walnut
#5C4033 · ΔE 11.4
Graphite
#383838 · ΔE 11.8

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

Text on #514B3F

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on umber #514B3F.
8.65:1AAA
Black heading text
Body copy set on umber #514B3F.
2.43:1Fail

Colour-blindness preview

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

Normal vision
#514B3F
Protanopia (no red cones)
#4E4B3E
Deuteranopia (no green cones)
#504C3F
Tritanopia (no blue cones)
#544948

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #514B3F?

With the hex code #514B3F, this is a dark brown with a muted character. Its RGB recipe is 32% red, 29% green and 25% blue, while a printer would mix 0% cyan, 7% magenta, 22% yellow and 68% black. It reads as a warm colour.

›What text colour should I use on #514B3F?

Use white text. White on #514B3F has a contrast ratio of 8.65:1 (AAA).

›What colours go with #514B3F?

Its complementary colour is #3F4551, and analogous partners are #51423F and #4E513F.