#5F78A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a restrained professional tone perfect for tech interfaces or corporate branding. Because it is desaturated, #5f78a2 avoids feeling overly bright while maintaining high readability for text. It pairs well with soft creams or warm grays to offset its cool temperature. The hex code for this color is #5f78a2, which provides sufficient contrast to support black text in UI layouts.
Questions about #5f78a2
What is #5f78a2 in RGB, HSL and CMYK?
In RGB, #5f78a2 is rgb(95, 120, 162), in HSL hsl(218, 26%, 50%) and in CMYK 41%, 26%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair best with #5f78a2?
Because #5f78a2 is a desaturated blue, it anchors well against cream or warm gray to soften its cool temperature. It also provides excellent readability against off-white backgrounds, making it a reliable choice for professional UI text or accent buttons.
Is #5f78a2 readable on white or black?
#5f78a2 has a 4.47:1 contrast ratio on white and 4.69:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.