#9CCCFC Hex Color

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

Hex color #9cccfc graphic
#9cccfc is a bright, unsaturated sky blue that feels light and airy. Because it sits high on the lightness scale, it works best as a primary background color rather than for small text. Try pairing this shade with charcoal gray or deep navy to ground its airy quality. The hex code for this pastel blue is #9cccfc, which provides excellent contrast against black text for readable interfaces.

Questions about #9cccfc

What is #9cccfc in RGB, HSL and CMYK?
In RGB, #9cccfc is rgb(156, 204, 252), in HSL hsl(210, 94%, 80%) and in CMYK 38%, 19%, 0%, 1%.
What colors pair well with #9cccfc for a balanced design?
Because #9cccfc is light and airy, it pairs best with grounding, darker neutrals like charcoal or deep navy to provide visual stability. You can also create a soft monochromatic palette by using deeper, more saturated blues that anchor the composition.
Is #9cccfc suitable for text on a white background?
This color is too light for small, readable text against a standard white background, as it fails most accessibility standards for contrast. Always use #9cccfc for large backgrounds, buttons, or decorative UI elements and choose dark gray or black for readable text.
Is #9cccfc readable on white or black?
#9cccfc has a 1.68:1 contrast ratio on white and 12.45: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.