#5A6766
Gray · medium neutral
About #5A6766
#5A6766 is a medium, near-neutral gray colour. Digitally that works out to 35% red, 40% green and 40% blue. In CMYK print terms it is 13% cyan, 0% magenta, 1% yellow and 60% black. Being nearly neutral, it pairs easily with warm and cool tones alike.
Visually it is similar to Gray (ΔE 12.3), with Slate Gray the next nearest named colour. Across the colour wheel sits #675A5B (umber), its complementary partner.
Because it is medium, it is most useful for illustrations, icons and secondary elements. White text reads best on it at 5.89:1 (a WCAG AA pass). Used as a text colour on white, it is readable too (5.89: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 #5A6766
WCAG contrast for white and black text on this colour.
Colour-blindness preview
How #5A6766 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 #5A6766?
#5A6766 is a medium, near-neutral gray colour. Digitally that works out to 35% red, 40% green and 40% blue. In CMYK print terms it is 13% cyan, 0% magenta, 1% yellow and 60% black. Being nearly neutral, it pairs easily with warm and cool tones alike.
›What text colour should I use on #5A6766?
Use white text. White on #5A6766 has a contrast ratio of 5.89:1 (AA).
›What colours go with #5A6766?
Its complementary colour is #675A5B, and analogous partners are #5A6760 and #5A6167.