#5F6B87 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, inky blue carries a muted, dim presence that suits corporate or security interfaces. Because white text creates a 5.3:1 contrast ratio, the hex code #5f6b87 serves as a reliable background for UI design. Its desaturated finish prevents it from overwhelming a layout. Pair it with soft cream tones instead of stark white to keep the design balanced and readable.
Questions about #5f6b87
What is #5f6b87 in RGB, HSL and CMYK?
In RGB, #5f6b87 is rgb(95, 107, 135), in HSL hsl(222, 17%, 45%) and in CMYK 30%, 21%, 0%, 47%.
What colors pair best with the dusty blue of #5f6b87?
Soft cream tones are the ideal companion for #5f6b87, as they provide a subtle, elegant warmth that balances the coolness of this inky blue. Using stark white can sometimes create too much contrast, so off-whites keep your palette sophisticated and cohesive.
Is #5f6b87 readable on white or black?
#5f6b87 has a 5.33:1 contrast ratio on white and 3.93: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.