#5C7CB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels restrained and professional. Because it sits in a middle ground of muted tones, #5c7cb4 works best as a supporting element rather than a dominant background. It pairs exceptionally well with charcoal grays and soft creams, making it a reliable choice for corporate interfaces or fintech dashboards. Black text offers enough contrast for readability against this hex code.
Questions about #5c7cb4
What is #5c7cb4 in RGB, HSL and CMYK?
In RGB, #5c7cb4 is rgb(92, 124, 180), in HSL hsl(218, 37%, 53%) and in CMYK 49%, 31%, 0%, 29%. Browse more shades of blue with names and hex codes.
What colors pair well with #5c7cb4?
#5c7cb4 pairs well with charcoal or soft off-whites to maintain a sophisticated, corporate look. Using this blue against high-contrast neutrals ensures your interface remains professional while keeping text legible and accessible for all users.
Is #5c7cb4 suitable for UI background elements?
Yes, #5c7cb4 is an ideal choice for supporting UI elements like secondary buttons or subtle data markers. Because it is unsaturated, it prevents the design from feeling too aggressive while still providing enough color to define specific sections.
Is #5c7cb4 readable on white or black?
#5c7cb4 has a 4.20:1 contrast ratio on white and 4.99: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.