#5BACEB Hex Color

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

Hex color #5baceb graphic
#5baceb is a bright, clear sky blue with a high saturation level that prevents it from looking washed out. Because it offers strong contrast against black text, it works well as a dominant base for UI backgrounds in healthcare or tech interfaces. Use it alongside deep charcoal or navy to ground the airy tone, as it can feel too light or clinical when paired exclusively with white.

Questions about #5baceb

What is #5baceb in RGB, HSL and CMYK?
In RGB, #5baceb is rgb(91, 172, 235), in HSL hsl(206, 78%, 64%) and in CMYK 61%, 27%, 0%, 8%.
What colors pair best with #5baceb?
This bright sky blue anchors well when paired with deep charcoal or navy tones, which provide the necessary contrast to ground the airy feel. Avoid pairing exclusively with white, as the combination can lean toward a sterile, clinical aesthetic.
Is #5baceb suitable for UI backgrounds?
Yes, it functions excellently as a dominant base color because its high saturation ensures it remains distinct and readable. It maintains strong contrast against dark text, making it a reliable choice for modern software interfaces and wellness-focused digital products.
Is #5baceb readable on white or black?
#5baceb has a 2.45:1 contrast ratio on white and 8.54: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.