#31628F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#31628f is a muted, desaturated blue with a stoic, professional presence. It carries enough weight to ground UI layouts, making it a reliable choice for finance or technology dashboards. Because this hex code offers strong contrast against white text, it works well for body content or background panels. Pair it with soft, warm greys to prevent the overall design from feeling too cold or corporate.
Questions about #31628f
What is #31628f in RGB, HSL and CMYK?
In RGB, #31628f is rgb(49, 98, 143), in HSL hsl(209, 49%, 38%) and in CMYK 66%, 31%, 0%, 44%.
What colors pair best with #31628f for UI design?
Pair #31628f with warm greys or soft cream tones to soften its professional edge. These neutral pairings prevent the interface from appearing too cold or sterile, creating a more balanced and inviting experience for professional digital dashboards.
Is #31628f readable on white or black?
#31628f has a 6.41:1 contrast ratio on white and 3.27: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.