#474A51 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#474a51 is a dusty, desaturated slate that reads more like a heavy grey than a true blue. This hex code provides a serious, grounded foundation for financial or security-based user interfaces. Because of its dark value, it offers excellent readability for white text, making it a reliable choice for dark mode layouts. It pairs well with soft creams or vibrant oranges to offset its inherent gloom.
Questions about #474a51
What is #474a51 in RGB, HSL and CMYK?
In RGB, #474a51 is rgb(71, 74, 81), in HSL hsl(222, 7%, 30%) and in CMYK 12%, 9%, 0%, 68%.
How should I use #474a51 in UI design?
#474a51 is ideal as a primary background for high-contrast interfaces, especially in financial or security-focused applications. Because it carries a heavy, serious tone, it excels when paired with bright white text or subtle accent colors like soft creams to keep the layout feeling professional.
What colors complement #474a51?
To offset the inherent gloom of #474a51, look for warm, vibrant tones that provide visual relief. A punchy orange or deep gold creates an effective contrast, while pairing it with cream or off-white ensures text remains readable and the overall design stays balanced.
Is #474a51 readable on white or black?
#474a51 has a 8.87:1 contrast ratio on white and 2.36: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 is too faint for text. Try other pairs in the contrast checker.