#5C7CA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits in neutral territory, making it an excellent base for corporate dashboards or professional interfaces. The hex code #5c7ca3 offers enough contrast for black text to remain legible, allowing you to prioritize readability without relying on stark whites. Pair this cool tone with soft cream or warm terracotta to prevent the design from feeling overly clinical.
Questions about #5c7ca3
What is #5c7ca3 in RGB, HSL and CMYK?
In RGB, #5c7ca3 is rgb(92, 124, 163), in HSL hsl(213, 28%, 50%) and in CMYK 44%, 24%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair well with #5c7ca3 in UI design?
The neutral tone of #5c7ca3 works best when grounded by high-contrast off-white or balanced with the warmth of earthy terracotta. Using these warmer accents prevents the interface from feeling too cold or clinical while maintaining excellent legibility for text and buttons.
Is #5c7ca3 readable on white or black?
#5c7ca3 has a 4.31:1 contrast ratio on white and 4.86: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.