#556670 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted slate, #556670 carries a heavy, matte quality that feels serious and professional. Because it lacks saturation, this shade works best as a grounding neutral for UI backgrounds or corporate branding rather than a primary accent. It pairs unexpectedly well with warm, terracotta oranges. Since it offers strong contrast against white text, it remains legible when used for body elements.
Questions about #556670
What is #556670 in RGB, HSL and CMYK?
In RGB, #556670 is rgb(85, 102, 112), in HSL hsl(202, 14%, 39%) and in CMYK 24%, 9%, 0%, 56%. Browse more shades of gray with names and hex codes.
What colors pair well with the dusty slate of #556670?
#556670 works effectively as a grounding anchor for warm, high-contrast accents like burnt orange or terracotta. It also maintains a sophisticated, monochromatic look when paired with lighter grays or off-white tones for a clean, minimalist interface.
Is #556670 a suitable choice for body text or UI elements?
Yes, #556670 offers strong readability against white or light cream backgrounds due to its muted, matte intensity. It serves as an excellent, lower-contrast alternative to pure black or dark charcoal, reducing eye strain while maintaining a professional, serious aesthetic.
Is #556670 readable on white or black?
#556670 has a 5.96:1 contrast ratio on white and 3.52: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.