#5C8CC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty blue, #5c8cc4 projects an air of steady reliability. Because it is unsaturated, this color works best as a supporting tone rather than a dominant background. It pairs exceptionally well with charcoal grays for professional interfaces or fintech branding. Black text reads clearly against this shade, making it a functional choice for text-heavy layouts that require high contrast.
Questions about #5c8cc4
What is #5c8cc4 in RGB, HSL and CMYK?
In RGB, #5c8cc4 is rgb(92, 140, 196), in HSL hsl(212, 47%, 56%) and in CMYK 53%, 29%, 0%, 23%. Browse more shades of blue with names and hex codes.
How should I use #5c8cc4 in UI design?
Use #5c8cc4 as a supporting accent rather than a primary background to maintain visual hierarchy. It pairs effectively with charcoal text or dark gray UI elements, ensuring the interface feels professional, calm, and readable for long-form content.
Is #5c8cc4 considered a warm or cool color?
Is #5c8cc4 readable on white or black?
#5c8cc4 has a 3.49:1 contrast ratio on white and 6.00: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.