#7CA8F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy pastel blue sits on the lighter side of the spectrum with a distinctly cool undertone. Because it is highly readable, #7ca8f4 works well as a background color for clean, professional user interfaces. It lacks the saturation of primary colors, which helps prevent eye strain in dashboard designs. If you need a more neutral base, understanding what colors make gray can help you balance your palette.
Questions about #7ca8f4
What is #7ca8f4 in RGB, HSL and CMYK?
In RGB, #7ca8f4 is rgb(124, 168, 244), in HSL hsl(218, 85%, 72%) and in CMYK 49%, 31%, 0%, 4%.
What design context works best for #7ca8f4?
#7ca8f4 is ideal for functional user interfaces and dashboard backgrounds where readability is critical. Because it lacks harsh saturation, it remains gentle on the eyes during extended use, effectively reducing visual fatigue compared to more vibrant primary blues.
Which colors pair well with #7ca8f4?
This blue pairs effectively with neutral tones like charcoal for high-contrast text or a crisp white for a modern, airy aesthetic. For a more sophisticated palette, try balancing its coolness with soft, muted corals or gentle, earthy sand tones.
Is #7ca8f4 readable on white or black?
#7ca8f4 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.