#5BACCB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Cool and softly muted, #5baccb is a medium-light cyan blue with gentle gray undertones. Its pastel character brings softness and freshness to spring themes, children’s products, and communication-focused interfaces. Use it as a supporting tone or broad UI background, pairing it with navy or warm coral. The hex code #5baccb supports clear black body text with about an 8.2:1 contrast ratio.
Questions about #5baccb
What is #5baccb in RGB, HSL and CMYK?
In RGB, #5baccb is rgb(91, 172, 203), in HSL hsl(197, 52%, 58%) and in CMYK 55%, 15%, 0%, 20%.
What colors pair well with #5baccb?
Is #5baccb a warm or cool color?
#5baccb reads as a cool color because its cyan-blue base is softened by gentle gray undertones, while its medium-light value keeps the result approachable rather than icy in most palettes.
Is #5baccb readable on white or black?
#5baccb has a 2.55:1 contrast ratio on white and 8.20: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.