#5B6475 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy blue sits firmly in the mid-tones, balancing an inky depth with a matte, muted finish. It functions best as a sophisticated background color for professional interfaces like finance or legal dashboards, offering high readability for white text. Because of its desaturated character, the hex code #5b6475 pairs well with warm, muted terracottas to ground its cool, formal presence.
Questions about #5b6475
What is #5b6475 in RGB, HSL and CMYK?
In RGB, #5b6475 is rgb(91, 100, 117), in HSL hsl(219, 12%, 41%) and in CMYK 22%, 15%, 0%, 54%.
Does #5b6475 lean warm or cool in UI design?
#5b6475 is a decidedly cool, ashy blue that provides a grounded, professional atmosphere without appearing sterile. Because of its desaturated character, it avoids the harshness of pure primary blues, making it a reliable neutral for complex, data-heavy dashboard interfaces.
What colors pair well with #5b6475?
This shade works best when grounded by warm, earthy tones to balance its cool, matte finish. For a striking contrast, use muted terracotta or soft clay accents, which add visual warmth and prevent the overall interface from feeling too cold or corporate.
Is #5b6475 readable on white or black?
#5b6475 has a 5.95:1 contrast ratio on white and 3.52: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.