#7AA1F7 Hex Color

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

Hex color #7aa1f7 graphic
#7aa1f7 is a soft, medium-light blue with a periwinkle lean. Its moderate saturation keeps it friendly rather than stiff, which suits tech branding, finance dashboards, and healthcare interfaces. It works best as a dominant base or UI background color; pair it with deep navy or warm coral for contrast. Black text reads clearly on it at about 8.3:1, so it passes AA for small body text.

Questions about #7aa1f7

What is #7aa1f7 in RGB, HSL and CMYK?
In RGB, #7aa1f7 is rgb(122, 161, 247), in HSL hsl(221, 89%, 72%) and in CMYK 51%, 35%, 0%, 3%.
What text color works best on #7aa1f7?
Black text, which reaches about 8.3:1 contrast and passes WCAG AA for small body text. White text falls well short of the 4.5:1 requirement, so reserve it for darker shades of this blue.
What colors pair well with #7aa1f7?
Warm accents like terracotta or soft coral give this cool blue energy, while charcoal or deep navy ground it. Avoid pale grays, which wash out its lightness.
Is #7aa1f7 readable on white or black?
#7aa1f7 has a 2.53:1 contrast ratio on white and 8.26: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.