#5C6983 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated blue, #5c6983 provides a muted background that avoids the intensity of standard primary colors. Its dark, ashy quality makes it a strong choice for UI elements that require a serious, reliable tone. Pair it with crisp white text to ensure readability, as it offers a solid contrast ratio of 5.5:1. This hex code works best as a neutral foundation in professional layouts.
Questions about #5c6983
What is #5c6983 in RGB, HSL and CMYK?
In RGB, #5c6983 is rgb(92, 105, 131), in HSL hsl(220, 17%, 44%) and in CMYK 30%, 20%, 0%, 49%. Browse more shades of blue with names and hex codes.
What colors pair best with #5c6983?
This color creates a sophisticated balance when paired with neutral tones like cream or soft grays. For a more vibrant design, use it alongside warm, desaturated accents to ground the composition and maintain its serious, reliable tone.
Is #5c6983 readable on white or black?
#5c6983 has a 5.52:1 contrast ratio on white and 3.80: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.