#7CC6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-key, pastel blue offers a clean, airy feel for web interfaces. Because #7cc6ff has such high luminosity, it pairs exceptionally well with dark charcoal text, ensuring strong readability. Use it as a dominant background color for healthcare or tech branding to project openness and reliability. It can appear washed out against pure white, so pair it with deeper navy accents for better definition.
Questions about #7cc6ff
What is #7cc6ff in RGB, HSL and CMYK?
In RGB, #7cc6ff is rgb(124, 198, 255), in HSL hsl(206, 100%, 74%) and in CMYK 51%, 22%, 0%, 0%.
Does #7cc6ff work well as a primary text color?
No, #7cc6ff is too light and luminous to be used as primary text on a white background because it fails accessibility contrast standards. Instead, use it as an accent or background color and pair it with dark charcoal or deep navy for readable text.
Which color schemes pair best with #7cc6ff?
Because of its high-key, airy nature, #7cc6ff shines when balanced by grounding, deep colors. It creates a professional, trustworthy aesthetic when contrasted against navy or charcoal, which prevents the bright blue from feeling too washed out or ethereal on screen.
Is #7cc6ff readable on white or black?
#7cc6ff has a 1.84:1 contrast ratio on white and 11.37: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.