#7AAEF3 Hex Color

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

Hex color #7aaef3 graphic
#7aaef3 is a saturated, cool pastel blue that feels clean and modern. Because of its high contrast with black text, it serves as an excellent, accessible background for UI layouts. The color can look washed out against white, so pair it with deep charcoal or slate grays to provide necessary structure. The hex code for this blue is #7aaef3.

Questions about #7aaef3

What is #7aaef3 in RGB, HSL and CMYK?
In RGB, #7aaef3 is rgb(122, 174, 243), in HSL hsl(214, 83%, 72%) and in CMYK 50%, 28%, 0%, 5%. Browse more shades of blue with names and hex codes.
What color schemes work well with #7aaef3?
Because #7aaef3 is a saturated pastel, it thrives in analogous color schemes involving softer teals or violets. For a more sophisticated look, use it alongside neutral slate or soft gray tones to ground the vibrancy and prevent the design from appearing washed out.
Is #7aaef3 readable on white or black?
#7aaef3 has a 2.28:1 contrast ratio on white and 9.17: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.