#5CACC4 Hex Color

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

Hex color #5cacc4 graphic
This unsaturated cyan is a cool, airy shade that functions best as a dominant UI background rather than a small accent. It pairs unexpectedly well with deep charcoal or warm terracotta, which prevents the tone from feeling too clinical. Because black text offers high contrast against this hex code #5cacc4, it remains a legible choice for body copy or interface elements.

Questions about #5cacc4

What is #5cacc4 in RGB, HSL and CMYK?
In RGB, #5cacc4 is rgb(92, 172, 196), in HSL hsl(194, 47%, 56%) and in CMYK 53%, 12%, 0%, 23%. Browse more shades of blue with names and hex codes.
What colors pair well with #5cacc4?
The unsaturated, airy nature of #5cacc4 balances beautifully against high-contrast darks like charcoal or complementary warm tones like terracotta. These pairings anchor the cyan, preventing it from feeling too clinical or washed out in your interface designs.
Is #5cacc4 readable on white or black?
#5cacc4 has a 2.57:1 contrast ratio on white and 8.15:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.