#51626B Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #51626b graphic
This dusty, inky blue acts as a serious, muted foundation for professional interfaces. Its low saturation makes it ideal for UI backgrounds where you need to avoid the harshness of pure black. The hex code #51626b maintains enough contrast to remain readable with white text. Use it alongside soft creams or copper accents to balance its inherent coolness and prevent the design from feeling flat.

Questions about #51626b

What is #51626b in RGB, HSL and CMYK?
In RGB, #51626b is rgb(81, 98, 107), in HSL hsl(201, 14%, 37%) and in CMYK 24%, 8%, 0%, 58%.
What colors pair well with the #51626b inky blue?
#51626b works best with soft, warm neutrals that balance its cool, muted nature. You can create a sophisticated interface by pairing it with cream for text or using metallic copper accents to add a subtle visual lift.
Is #51626b a good alternative to black for web design?
Yes, #51626b serves as an excellent softer alternative to pure black because it reduces eye strain while maintaining high contrast. It is dark enough to ground your layout without the harsh, heavy visual impact that standard black often produces.
Is #51626b readable on white or black?
#51626b has a 6.34:1 contrast ratio on white and 3.30: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.