#7CCCE8 Hex Color

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

Hex color #7ccce8 graphic
Reach for #7ccce8 when a design needs a fresh, pastel cyan that stays soft instead of loud. This unsaturated sky blue suits app backgrounds, spring themes, and children’s products. Its lightness reads cool and gentle, but it can wash out beside plain white, so ground it with navy or warm gray accents. Black text sits clearly on top at about 11.7:1 contrast.

Questions about #7ccce8

What is #7ccce8 in RGB, HSL and CMYK?
In RGB, #7ccce8 is rgb(124, 204, 232), in HSL hsl(196, 70%, 70%) and in CMYK 47%, 12%, 0%, 9%.
What text color works best on #7ccce8?
Black text works best on #7ccce8, with a contrast ratio of about 11.7:1. That clears the WCAG AA requirement of 4.5:1, so small body text stays readable. White text fails here.
What colors pair well with #7ccce8?
Deep navy grounds its lightness, while soft coral adds gentle warmth as an accent. Skip pale grays next to it, since both can read washed out.
Is #7ccce8 readable on white or black?
#7ccce8 has a 1.80:1 contrast ratio on white and 11.65: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.