#5AB2C4 Hex Color

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

Hex color #5ab2c4 graphic
#5ab2c4 is a desaturated, cool cyan with a clean, airy quality. Because of its balanced lightness, it serves as an excellent UI background color that supports high-contrast black text. Pair this shade with soft charcoal or muted coral for a balanced, modern palette. The hex code for this refreshing cyan is #5ab2c4, making it a reliable choice for tech branding or clean interface design.

Questions about #5ab2c4

What is #5ab2c4 in RGB, HSL and CMYK?
In RGB, #5ab2c4 is rgb(90, 178, 196), in HSL hsl(190, 47%, 56%) and in CMYK 54%, 9%, 0%, 23%.
How should I use #5ab2c4 in a color palette?
Use #5ab2c4 as your primary background or accent color to evoke a modern, refreshing feel. It pairs exceptionally well with deep charcoal for high-contrast text or muted coral when you want a lively, balanced, and contemporary interface design.
Is #5ab2c4 suitable for web interface design?
The balanced lightness of #5ab2c4 makes it an ideal candidate for UI background sections where readability is critical. Because it is desaturated, it provides a clean, airy aesthetic without overwhelming the user, allowing black or dark text to remain legible and professional.
Is #5ab2c4 readable on white or black?
#5ab2c4 has a 2.44:1 contrast ratio on white and 8.59: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.