#476BB1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty blue with significant desaturation, #476bb1 offers a professional and restrained aesthetic. Because of its steady, reliable character, it excels as a background base for corporate or security-focused UI designs. While white text provides excellent readability on this shade, pair it with soft warm grays to prevent the palette from feeling too cold. The hex code for this cool tone is #476bb1.
Questions about #476bb1
What is #476bb1 in RGB, HSL and CMYK?
In RGB, #476bb1 is rgb(71, 107, 177), in HSL hsl(220, 43%, 49%) and in CMYK 60%, 40%, 0%, 31%.
How do I balance the cool temperature of #476bb1 in a design?
Pair #476bb1 with soft warm grays or creamy off-whites to neutralize its inherent coolness. This combination prevents the palette from feeling overly sterile or detached, which is a common risk when using strictly desaturated blues in digital interfaces.
Is #476bb1 readable on white or black?
#476bb1 has a 5.24:1 contrast ratio on white and 4.00: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.