#5C6587 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5c6587 is a muted, dusty indigo with an ashy, desaturated quality. This cold tone functions best as a calm, secondary background in UI design rather than a primary focus. Pair it with white text to achieve a clear 5.7:1 contrast ratio for readable body type. The hex code #5c6587 acts as a serious anchor for night sky or denim-inspired palettes.
Questions about #5c6587
What is #5c6587 in RGB, HSL and CMYK?
In RGB, #5c6587 is rgb(92, 101, 135), in HSL hsl(227, 19%, 45%) and in CMYK 32%, 25%, 0%, 47%.
What colors pair well with #5c6587 in a design palette?
#5c6587 pairs beautifully with clean whites or off-whites to maintain a sharp contrast ratio of 5.7:1 for readability. For a sophisticated look, consider combining it with a soft warm gray or a crisp cream to elevate its cool, dusty undertones.
Does #5c6587 function well as a primary interface color?
This shade is generally better suited for secondary elements like sidebars, inactive backgrounds, or muted accents rather than primary buttons. Its desaturated nature lacks the visual punch required for calls to action, but it creates a professional and serious atmosphere in large content areas.
Is #5c6587 readable on white or black?
#5c6587 has a 5.72:1 contrast ratio on white and 3.66: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.