#7CB8E7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, unsaturated blue offers a crisp, airy quality that works well for clean UI backgrounds or professional tech branding. Because of its high contrast against black text, it maintains excellent readability for small type. Avoid pairing #7cb8e7 with muted grays, as it can easily look washed out. Instead, try placing it against charcoal or deep navy to make the tone pop.
Questions about #7cb8e7
What is #7cb8e7 in RGB, HSL and CMYK?
In RGB, #7cb8e7 is rgb(124, 184, 231), in HSL hsl(206, 69%, 70%) and in CMYK 46%, 20%, 0%, 9%.
What colors pair well with #7cb8e7 in UI design?
The most effective way to anchor #7cb8e7 is by using it alongside deep neutrals like charcoal or deep navy. These dark tones create necessary contrast, preventing the blue from appearing washed out or flat in professional interface layouts.
Is #7cb8e7 readable on white or black?
#7cb8e7 has a 2.12:1 contrast ratio on white and 9.86: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.