#9CCCF5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9cccf5 is a pale, pastel blue with a soft gray undertone. It reads gentle rather than bold, which makes it a strong background for UI screens, spring layouts, and baby products. The hex code #9cccf5 also suits finance and healthcare brands that want a calm, trustworthy feel. Pair it with navy or dusty coral for balance, and keep dark text on top since contrast fades near white.
Questions about #9cccf5
What is #9cccf5 in RGB, HSL and CMYK?
In RGB, #9cccf5 is rgb(156, 204, 245), in HSL hsl(208, 82%, 79%) and in CMYK 36%, 17%, 0%, 4%.
What colors pair well with #9cccf5?
#9cccf5 pairs well with navy for a trustworthy feel, dusty coral for warmth, or charcoal for a muted, modern look. Dark text reads most clearly on top of it, at roughly 12.4:1 contrast.
Is #9cccf5 a warm or cool color?
#9cccf5 is a cool color. Its light pastel blue tone carries a soft gray undertone, keeping it calm and airy rather than bright or vivid.
Is #9cccf5 readable on white or black?
#9cccf5 has a 1.69:1 contrast ratio on white and 12.36: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.