#476FB3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #476fb3 graphic
#476fb3 is a dusty, unsaturated blue that feels stable and professional. Its muted character makes it a strong choice for corporate UI backgrounds where clarity matters. This color maintains a 5.0:1 contrast ratio against white text, ensuring excellent readability for body content. Designers often choose this hex code for finance or technology applications that require a sense of reliability and logic.

Questions about #476fb3

What is #476fb3 in RGB, HSL and CMYK?
In RGB, #476fb3 is rgb(71, 111, 179), in HSL hsl(218, 43%, 49%) and in CMYK 60%, 38%, 0%, 30%.
Why does #476fb3 work well for corporate UI design?
This dusty blue maintains a strong 5.0:1 contrast ratio against white, ensuring text remains perfectly readable on digital screens. Its unsaturated, calm character projects professional reliability, making it an ideal choice for finance applications or dashboards where visual clarity is paramount.
Which accent colors pair best with #476fb3?
Because #476fb3 carries a muted, serious tone, it works beautifully with crisp white to maximize contrast. To add warmth, consider accents in soft gold or a muted terracotta, which prevent the design from feeling too cold or overly clinical.
Is #476fb3 readable on white or black?
#476fb3 has a 5.00:1 contrast ratio on white and 4.19: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.