#475E84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a heavy, serious weight that works best for professional UI backgrounds or supporting elements. Because of its low saturation, it pairs well with soft creams or warm grays to avoid a cold, sterile appearance. White text remains readable against this shade, making it a functional choice for text-heavy interfaces. The hex code for this color is #475e84.
Questions about #475e84
What is #475e84 in RGB, HSL and CMYK?
In RGB, #475e84 is rgb(71, 94, 132), in HSL hsl(217, 30%, 40%) and in CMYK 46%, 29%, 0%, 48%.
What design styles work best with #475e84?
This muted blue excels in professional, text-heavy interfaces where legibility is critical. Because it maintains a neutral, serious weight, it pairs best with cream or warm neutrals, which soften the overall look without sacrificing the professional tone of the design.
Is #475e84 readable on white or black?
#475e84 has a 6.55:1 contrast ratio on white and 3.20: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.