#5B6471 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue-grey reads as a matte, inky neutral. It functions as a reliable base for UI layouts and corporate branding. Pair it with soft creams or stark whites to counteract its gloomy character. Because white text creates excellent contrast on this surface, it works effectively for body copy. The hex code for this color is #5b6471.
Questions about #5b6471
What is #5b6471 in RGB, HSL and CMYK?
In RGB, #5b6471 is rgb(91, 100, 113), in HSL hsl(215, 11%, 40%) and in CMYK 19%, 12%, 0%, 56%.
How does #5b6471 perform as a background color?
This shade is an excellent choice for background surfaces because it provides high contrast for white typography. It feels grounded and professional, making it ideal for large UI sections or minimalist corporate website branding where readability is the primary goal.
What colors pair well with #5b6471?
Pair this inky neutral with soft, warm creams or stark whites to balance its naturally cool, moody undertone. Adding an accent color like a muted terracotta or a soft gold can also create a sophisticated visual pop against the grey.
Is #5b6471 readable on white or black?
#5b6471 has a 5.98:1 contrast ratio on white and 3.50: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.