#506B82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits in the mid-tone range, offering a serious and grounded presence. Because it is highly unsaturated, #506b82 works best as a neutral background for professional interfaces in finance or technology. Pair it with crisp white text to ensure readability, as it provides a secure, reliable foundation that avoids the intensity of standard primary blues.
Questions about #506b82
What is #506b82 in RGB, HSL and CMYK?
In RGB, #506b82 is rgb(80, 107, 130), in HSL hsl(208, 24%, 41%) and in CMYK 38%, 18%, 0%, 49%.
How should I use #506b82 in UI design?
Use #506b82 as a primary background color for professional interfaces that require a stable, secure feel. It pairs excellently with crisp, high-contrast white text for readability, helping you avoid the intensity found in standard, saturated primary blues.
What color pairs best with #506b82?
Is #506b82 readable on white or black?
#506b82 has a 5.57:1 contrast ratio on white and 3.76: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.