#5F93B8 Hex Color

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

Hex color #5f93b8 graphic
This dusty, muted blue carries a professional weight that works well for reliable UI backgrounds or supporting elements in financial and technical interfaces. Because #5f93b8 is highly unsaturated, it provides a stable, unobtrusive base. It pairs effectively with warm, off-white tones to prevent it from looking washed out. Since it maintains a 6.4:1 contrast ratio, black text remains legible even at small sizes.

Questions about #5f93b8

What is #5f93b8 in RGB, HSL and CMYK?
In RGB, #5f93b8 is rgb(95, 147, 184), in HSL hsl(205, 39%, 55%) and in CMYK 48%, 20%, 0%, 28%.
Does #5f93b8 work well for body text?
Yes, #5f93b8 maintains a strong 6.4:1 contrast ratio against white backgrounds, making it fully legible for body text under WCAG AA standards. Its muted, unsaturated nature prevents the harshness often found in pure blue text while retaining professional clarity.
What colors pair well with #5f93b8?
This color anchors best when paired with warm, off-white neutrals or soft creams to keep the overall interface from feeling too cold or washed out. For high-contrast accents, consider a deep charcoal to ground the design or a subtle slate for monochromatic depth.
Is #5f93b8 readable on white or black?
#5f93b8 has a 3.30:1 contrast ratio on white and 6.35: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.