#505F83 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious, somber weight that works well for moody interfaces. Because it is highly unsaturated, #505f83 functions best as a supporting background rather than a primary accent. It offers excellent readability for white text, surpassing the standard contrast requirements for small body copy. Pair this shade with soft creams or warm grays to prevent the design from feeling too cold or corporate.
Questions about #505f83
What is #505f83 in RGB, HSL and CMYK?
In RGB, #505f83 is rgb(80, 95, 131), in HSL hsl(222, 24%, 41%) and in CMYK 39%, 27%, 0%, 49%.
What colors pair well with #505f83?
#505f83 creates a sophisticated palette when paired with warm, creamy neutrals or soft, desaturated beiges. Using warm gray as a primary background allows this blue to function as a stable, professional accent without feeling cold or overly industrial.
Is #505f83 suitable for body text?
#505f83 offers excellent readability when placed against white or off-white backgrounds, easily passing standard contrast requirements. Because of its dark, somber nature, it serves as a reliable alternative to pure black or navy for softer, more modern typography.
Is #505f83 readable on white or black?
#505f83 has a 6.35:1 contrast ratio on white and 3.30: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.