#475B7C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#475b7c is a dark, muted blue with cool gray undertones and a matte, dusty finish. Its low saturation gives interfaces a serious, controlled mood suited to finance, security, and government branding. Use it as a supporting tone or dark UI background, pairing it with warm off-white or muted burgundy. White text passes WCAG AA, and the hex code is #475b7c.
Questions about #475b7c
What is #475b7c in RGB, HSL and CMYK?
In RGB, #475b7c is rgb(71, 91, 124), in HSL hsl(217, 27%, 38%) and in CMYK 43%, 27%, 0%, 51%.
Does #475b7c read as a warm or cool color?
#475b7c reads as a cool blue because its blue channel is stronger than its red and green values, while gray undertones keep the temperature subdued in most layouts and interfaces. This gives it a composed, professional mood rather than a bright or energetic one.
What colors pair well with #475b7c?
#475b7c pairs well with warm off-white, muted burgundy, and restrained blue-gray accents for calm, formal interfaces and brand palettes that need a grounded visual hierarchy without becoming harsh or overly bright. Use warm off-white for backgrounds, then reserve the deeper accent for buttons, alerts, or small decorative details.
Where does #475b7c work well in design?
Use #475b7c as a supporting color for dark UI surfaces, navigation, dashboards, and formal brand systems where a calm, serious tone matters; its muted saturation helps it recede behind content while warm light text keeps layouts readable.
Is #475b7c readable on white or black?
#475b7c has a 6.87:1 contrast ratio on white and 3.05: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.