#5CA6BB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated cyan carries an ashy undertone that feels professional and grounded. The hex code #5ca6bb works well for UI backgrounds, providing a stable foundation that balances modern tech aesthetics with readability. Pair it with dark charcoal for a sophisticated contrast. Because it maintains strong contrast against black text, it serves as a reliable choice for accessible interface design.
Questions about #5ca6bb
What is #5ca6bb in RGB, HSL and CMYK?
In RGB, #5ca6bb is rgb(92, 166, 187), in HSL hsl(193, 41%, 55%) and in CMYK 51%, 11%, 0%, 27%.
Why does #5ca6bb work well for UI design?
This muted, desaturated cyan provides a stable foundation that balances modern aesthetics with high readability. Its ashy undertone reduces eye strain compared to brighter cyans, making it a reliable choice for accessible interface backgrounds paired with charcoal or dark text.
Which color schemes pair best with #5ca6bb?
Complementary warm tones, particularly subtle orange or soft terracotta, create a balanced contrast against the cool, grounded nature of #5ca6bb. Using neutral grays or a deep charcoal allows this cyan to function as a primary brand color without overwhelming the layout.
Is #5ca6bb readable on white or black?
#5ca6bb has a 2.75:1 contrast ratio on white and 7.62: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.