#5BABCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan sits on the cooler side of the spectrum, offering a soft and refreshing appearance. Because it maintains strong legibility, black text reads well against it, making it a reliable choice for UI backgrounds. While it can become muddy if you aren’t careful about mixing gray, this hex code #5babcc works best as a primary base in airy, tech-focused design layouts.
Questions about #5babcc
What is #5babcc in RGB, HSL and CMYK?
In RGB, #5babcc is rgb(91, 171, 204), in HSL hsl(198, 53%, 58%) and in CMYK 55%, 16%, 0%, 20%.
Does #5babcc work well for UI text elements?
Because #5babcc is a mid-tone color with good saturation, black text reads very clearly against it, making it ideal for UI backgrounds or headers. For optimal accessibility, ensure your foreground text is a high-contrast dark gray or deep navy to meet WCAG standards.
What colors pair best with #5babcc?
This unsaturated cyan pairs naturally with neutral grays and crisp white to emphasize its airy quality, or you can contrast it with charcoal for a modern, tech-focused look. Avoid overly warm, saturated reds, as they can create visual vibration against this cool blue-green hue.
Is #5babcc readable on white or black?
#5babcc has a 2.57:1 contrast ratio on white and 8.14: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.