#7BA5E9 Hex Color

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

Hex color #7ba5e9 graphic
Soft and cool, #7ba5e9 is a light blue with a gentle gray cast and pastel character. It gives interfaces, healthcare layouts, and spring campaigns a youthful, dependable feel. Use it as a supporting background with navy or charcoal text; black text reaches about 8.4:1 contrast. The hex code for this color is #7ba5e9.

Questions about #7ba5e9

What is #7ba5e9 in RGB, HSL and CMYK?
In RGB, #7ba5e9 is rgb(123, 165, 233), in HSL hsl(217, 71%, 70%) and in CMYK 47%, 29%, 0%, 9%.
What colors pair well with #7ba5e9?
#7ba5e9 pairs well with navy and charcoal for grounded contrast, while white keeps the palette airy and sage adds a soft, natural accent; use darker companions for readable text and lighter tints for spacious backgrounds or subtle interface surfaces.
Does #7ba5e9 read as warm or cool?
#7ba5e9 reads as a cool light blue because its blue hue and gentle gray cast reduce warmth, creating a calm, youthful feel for healthcare layouts, dependable interfaces, and spring-focused designs.
Is #7ba5e9 readable on white or black?
#7ba5e9 has a 2.49:1 contrast ratio on white and 8.40: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.