#7CA6F1 Hex Color

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

Hex color #7ca6f1 graphic
#7ca6f1 is a bright, airy blue with cool, periwinkle undertones. Because it carries a high level of saturation, it avoids looking washed out on screens. Use this color as a primary background for fintech or healthcare apps, as it pairs effectively with charcoal text for high readability. The hex code for this shade is #7ca6f1.

Questions about #7ca6f1

What is #7ca6f1 in RGB, HSL and CMYK?
In RGB, #7ca6f1 is rgb(124, 166, 241), in HSL hsl(218, 81%, 72%) and in CMYK 49%, 31%, 0%, 5%.
Where should I use #7ca6f1 in a user interface?
#7ca6f1 works best as a primary accent or background color for fintech and healthcare applications where clarity is essential. It provides a friendly yet professional aesthetic that pairs beautifully with dark, high-contrast text like charcoal for optimal readability.
Is #7ca6f1 considered a warm or cool color?
#7ca6f1 is definitively a cool blue, carrying distinct periwinkle undertones that lean toward the violet spectrum. Because of this cool temperature, it naturally recedes in layouts, making it an excellent choice for background elements that need to feel expansive rather than crowding the screen.
Is #7ca6f1 readable on white or black?
#7ca6f1 has a 2.44:1 contrast ratio on white and 8.58: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.