#7CB0FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy blue sits on the lighter side of the spectrum, providing a crisp, clean foundation for modern UI design. The hex code #7cb0ff offers excellent readability with dark text overlays, making it a reliable choice for accessible interface backgrounds. While some designers struggle with mixing gray to find balance, this specific shade maintains its clarity when paired with charcoal or slate accents.
Questions about #7cb0ff
What is #7cb0ff in RGB, HSL and CMYK?
In RGB, #7cb0ff is rgb(124, 176, 255), in HSL hsl(216, 100%, 74%) and in CMYK 51%, 31%, 0%, 0%.
What colors pair best with #7cb0ff for UI design?
This bright, airy blue works exceptionally well when paired with high-contrast neutral text like charcoal or deep slate. It also creates a professional, trustworthy palette when balanced against lighter off-white backgrounds or complementary soft terracotta accents.
Is #7cb0ff readable on white or black?
#7cb0ff has a 2.20:1 contrast ratio on white and 9.51: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.