#7CA6EA Hex Color

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

Hex color #7ca6ea graphic
A dusty, unsaturated blue, #7ca6ea brings a cool and airy feel to digital interfaces. It works best as a supporting tone in UI design rather than a dominant background, as its muted quality can wash out when paired with light grays. Try combining it with a deep slate or charcoal to ground the softness. This hex code offers excellent contrast for black text, ensuring high legibility for body copy.

Questions about #7ca6ea

What is #7ca6ea in RGB, HSL and CMYK?
In RGB, #7ca6ea is rgb(124, 166, 234), in HSL hsl(217, 72%, 70%) and in CMYK 47%, 29%, 0%, 8%.
What colors pair well with #7ca6ea for UI design?
Because #7ca6ea is a muted, dusty blue, it looks most professional when anchored by high-contrast neutrals like charcoal or deep slate. You can also pair it with soft, warm cream tones to create a balanced, modern interface palette.
Is #7ca6ea readable on white or black?
#7ca6ea has a 2.47:1 contrast ratio on white and 8.49: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.