#5E6C6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue-grey carries a sense of quiet clarity. Because #5e6c6c is desaturated, it functions well as a supporting neutral rather than a dominant color. Pair it with soft cream or warm terracotta to balance its cool, industrial undertones. Since it offers strong contrast against white, it works reliably for body text, though it can appear muddy if used in large, flat blocks.
Questions about #5e6c6c
What is #5e6c6c in RGB, HSL and CMYK?
In RGB, #5e6c6c is rgb(94, 108, 108), in HSL hsl(180, 7%, 40%) and in CMYK 13%, 0%, 0%, 58%.
How should I use #5e6c6c in my interface design?
#5e6c6c works best as a secondary or supporting neutral that avoids the harshness of standard charcoal. Use it for subtle backgrounds, secondary text, or borders to create a calm, professional aesthetic that maintains high readability against white surfaces.
Which color palettes pair well with #5e6c6c?
Pair #5e6c6c with warm terracotta or soft cream to counteract its cool, industrial undertones and add necessary depth. Because it is desaturated, it also provides a sophisticated, modern contrast when placed next to muted greens or soft, desaturated purples.
Is #5e6c6c readable on white or black?
#5e6c6c has a 5.47:1 contrast ratio on white and 3.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.