#555A4E
Umber · dark neutral
About #555A4E
#555A4E is a dark, near-neutral gray colour. Digitally that works out to 33% red, 35% green and 31% blue. In CMYK print terms it is 6% cyan, 0% magenta, 13% yellow and 65% black. Being nearly neutral, it pairs easily with warm and cool tones alike.
Visually it is similar to Umber (ΔE 10.6), with Graphite the next nearest named colour. Across the colour wheel sits #534E5A (charcoal), its complementary partner.
Because it is dark, it is most useful for headings, body text, footers and dark-mode backgrounds. White text reads best on it at 7.10:1 (a WCAG AAA pass). Used as a text colour on white, it is readable too (7.10: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 #555A4E
WCAG contrast for white and black text on this colour.
Colour-blindness preview
How #555A4E 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 #555A4E?
#555A4E is a dark, near-neutral gray colour. Digitally that works out to 33% red, 35% green and 31% blue. In CMYK print terms it is 6% cyan, 0% magenta, 13% yellow and 65% black. Being nearly neutral, it pairs easily with warm and cool tones alike.
›What text colour should I use on #555A4E?
Use white text. White on #555A4E has a contrast ratio of 7.10:1 (AAA).
›What colours go with #555A4E?
Its complementary colour is #534E5A, and analogous partners are #5A594E and #4F5A4E.