#7BAECC Hex Color

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

Select a Color

This dusty blue features cool, muted undertones that feel professional yet approachable. Because #7baecc sits in a mid-tone range, it functions best as a background color for web interfaces or tech branding. Use sharp black text to ensure high readability, as white text will wash out against this soft hue. The hex code #7baecc provides a reliable foundation for crowded digital layouts.

Questions about #7baecc

What is #7baecc in RGB, HSL and CMYK?

In RGB, #7baecc is rgb(123, 174, 204), in HSL hsl(202, 44%, 64%) and in CMYK 40%, 15%, 0%, 20%.

What colors pair well with #7baecc?

Since #7baecc is a cool, dusty blue, it works exceptionally well with high-contrast neutrals like charcoal or deep navy to maintain a professional look. For a softer approach, try pairing it with muted creams or light grays to keep the overall interface airy and approachable.

Is #7baecc readable on white or black?

#7baecc has a 2.39:1 contrast ratio on white and 8.76: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.

#7BAECC Hex Color

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

Questions about #7baecc

Color tools

Resources