#5C9CB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a distinct ashy undertone, giving it a dusty and mature aesthetic. It functions best as a supporting tone in UI design, where its subdued chroma keeps it from overwhelming brighter elements. Pair #5c9cb4 with warm terracottas to balance its clinical chill. Because black text maintains a high contrast ratio against this hex code, it remains readable for small, functional interface type.
Questions about #5c9cb4
What is #5c9cb4 in RGB, HSL and CMYK?
In RGB, #5c9cb4 is rgb(92, 156, 180), in HSL hsl(196, 37%, 53%) and in CMYK 49%, 13%, 0%, 29%. Browse more shades of blue with names and hex codes.
How can #5c9cb4 be used effectively in UI design?
Because #5c9cb4 acts as a subdued tone, it works well as a background or secondary element in interface design without competing with foreground content. Its clinical chill stays readable, making it a reliable choice for functional, small-scale typography and icons.
What colors pair well with #5c9cb4 to balance its cool temperature?
Warm earth tones like terracotta or soft sandy beiges help offset the clinical, ashy quality of #5c9cb4. By contrasting the cool cyan with warmer colors, you create a more balanced palette that feels inviting rather than strictly professional or sterile.
Is #5c9cb4 readable on white or black?
#5c9cb4 has a 3.05:1 contrast ratio on white and 6.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.