#5F7B8E Hex Color

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

Hex color #5f7b8e graphic
This muted, ashy blue carries a desaturated, professional quality. It functions well as a background for security or finance interfaces where readability matters. Because this hex code, #5f7b8e, allows for a 4.7:1 contrast ratio with black text, it satisfies WCAG AA standards for body copy. Use it as a steady, dominant base rather than a vibrant accent.

Questions about #5f7b8e

What is #5f7b8e in RGB, HSL and CMYK?
In RGB, #5f7b8e is rgb(95, 123, 142), in HSL hsl(204, 20%, 46%) and in CMYK 33%, 13%, 0%, 44%.
What color palettes complement #5f7b8e?
This ashy blue pairs best with charcoal for high-contrast text or a soft cream to warm up the otherwise cool, desaturated undertones. Using neutral, earthy tones keeps the professional aesthetic consistent across your design system.
Is #5f7b8e readable on white or black?
#5f7b8e has a 4.45:1 contrast ratio on white and 4.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.