#535C68 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #535c68 graphic
#535c68 is a muted, dusty slate blue with strong grey undertones. It projects seriousness and authority, making it a reliable choice for professional UI backgrounds or corporate branding. This shade functions best as a base color because its 6.8:1 contrast ratio with white ensures excellent readability. Avoid using it alongside other muddy tones, as it pairs much better with crisp, high-contrast accents.

Questions about #535c68

What is #535c68 in RGB, HSL and CMYK?
In RGB, #535c68 is rgb(83, 92, 104), in HSL hsl(214, 11%, 37%) and in CMYK 20%, 12%, 0%, 59%.
What colors pair best with #535c68?
Because #535c68 is a muted, desaturated shade, it thrives alongside high-contrast accents like crisp white or light, airy creams. Avoid pairing it with other muddy or muted tones, as this will cause the UI to lose visual hierarchy and appear flat.
Does #535c68 lean warm or cool?
#535c68 is firmly a cool-toned color, driven by its blue base and significant grey content. It evokes a sense of professional distance and composure, which is why it works so effectively for data-heavy dashboards or corporate technology branding.
Is #535c68 readable on white or black?
#535c68 has a 6.77:1 contrast ratio on white and 3.09: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.