#7CCDFF Hex Color

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

Select a Color

#7ccdff is a bright, clear pastel blue that feels crisp rather than muted. Because of its high lightness, it works best as a primary interface background or a supporting accent rather than for large blocks of text. Pair it with deep charcoal or slate gray for maximum legibility. This specific hex code provides excellent contrast for black text, making it a reliable choice for accessible UI design.

Questions about #7ccdff

What is #7ccdff in RGB, HSL and CMYK?

In RGB, #7ccdff is rgb(124, 205, 255), in HSL hsl(203, 100%, 74%) and in CMYK 51%, 20%, 0%, 0%.

What colors pair well with #7ccdff?

Because of its high lightness, #7ccdff pairs best with deep neutrals like charcoal or slate to maintain strong legibility. Using these dark tones creates a balanced, professional contrast that keeps the interface feeling modern and clean rather than washed out.

Is #7ccdff readable on white or black?

#7ccdff has a 1.74:1 contrast ratio on white and 12.03: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.

#7CCDFF Hex Color

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

Questions about #7ccdff

Color tools

Resources