#7CCFE0 Hex Color

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

Hex color #7ccfe0 graphic
#7ccfe0 is a bright, airy cyan with high luminosity that feels refreshing rather than cold. Because of its clarity and light saturation, it works perfectly as a dominant background color for modern, clean UI interfaces. Pair it with dark charcoal or deep navy text for high readability and a polished, professional finish. The hex code for this cheerful shade is #7ccfe0.

Questions about #7ccfe0

What is #7ccfe0 in RGB, HSL and CMYK?
In RGB, #7ccfe0 is rgb(124, 207, 224), in HSL hsl(190, 62%, 68%) and in CMYK 45%, 8%, 0%, 12%.
What makes #7ccfe0 effective for UI design?
#7ccfe0 functions as a versatile background because its high luminosity feels refreshing without being cold or aggressive. It pairs exceptionally well with dark charcoal or deep navy text, ensuring readability while maintaining a clean, modern, and professional aesthetic for digital interfaces.
Is #7ccfe0 considered warm or cool?
This shade sits firmly on the cooler side of the spectrum, drawing energy from its cyan-blue base. Despite this, the high luminosity keeps it from feeling icy, making it an excellent choice for wellness or tech-focused branding that requires an approachable, airy tone.
Is #7ccfe0 readable on white or black?
#7ccfe0 has a 1.77:1 contrast ratio on white and 11.85: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.