#7CA4F4 Hex Color

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

Hex color #7ca4f4 graphic
Pastel blue with a soft, milky quality. #7ca4f4 is light enough to feel airy but saturated enough to hold its own next to white. Black text passes contrast easily here, which makes the hex code a solid pick for UI backgrounds, baby products, and spring themes. Pair it with deep plum or charcoal when standard navy feels too expected. Its hex code is #7ca4f4.

Questions about #7ca4f4

What is #7ca4f4 in RGB, HSL and CMYK?
In RGB, #7ca4f4 is rgb(124, 164, 244), in HSL hsl(220, 85%, 72%) and in CMYK 49%, 33%, 0%, 4%.
What text color works best on #7ca4f4?
Black text is the safest choice, with about 8.5:1 contrast, well above the 4.5:1 minimum required for WCAG AA body text. White text fails on this shade, so keep type and icons dark.
Which colors pair well with #7ca4f4?
Deep plum and charcoal make it look richer than the usual navy pairing. For a softer palette, terracotta or warm sand accents keep the pastel mood from turning flat.
Is #7ca4f4 readable on white or black?
#7ca4f4 has a 2.47:1 contrast ratio on white and 8.47: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.