#5B554D
Umber · dark neutral
About #5B554D
#5B554D is a dark, near-neutral gray colour. Digitally that works out to 36% red, 33% green and 30% blue. In CMYK print terms it is 0% cyan, 7% magenta, 15% yellow and 64% black. It is close to neutral, so it sits comfortably next to both warm and cool colours.
Visually it is very close to Umber (ΔE 5.8), with Walnut the next nearest named colour. Across the colour wheel sits #4D535B (charcoal), 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 — 7.36:1, a WCAG AAA pass. Used as a text colour on white, it is readable too (7.36: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 #5B554D
WCAG contrast for white and black text on this colour.
Colour-blindness preview
How #5B554D 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 #5B554D?
#5B554D is a dark, near-neutral gray colour. Digitally that works out to 36% red, 33% green and 30% blue. In CMYK print terms it is 0% cyan, 7% magenta, 15% yellow and 64% black. It is close to neutral, so it sits comfortably next to both warm and cool colours.
›What text colour should I use on #5B554D?
Use white text. White on #5B554D has a contrast ratio of 7.36:1 (AAA).
›What colours go with #5B554D?
Its complementary colour is #4D535B, and analogous partners are #5B4E4D and #5A5B4D.