#9DC9F0 Hex Color

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

Select a Color

This cool, unsaturated blue carries a dusty, ashy character that feels approachable rather than clinical. Because of its light tone, the hex code #9dc9f0 serves well as a clean background for UI design. It offers strong legibility for black text with a contrast ratio of 12.0:1. Pair it with deep charcoal for a high-contrast look that grounds the washed-out shade.

Questions about #9dc9f0

What is #9dc9f0 in RGB, HSL and CMYK?

In RGB, #9dc9f0 is rgb(157, 201, 240), in HSL hsl(208, 73%, 78%) and in CMYK 35%, 16%, 0%, 6%.

What colors pair well with #9dc9f0 for UI design?

Deep charcoal or near-black tones create the best contrast against #9dc9f0, providing excellent legibility for text while grounding the airy, light nature of the blue. You can also pair it with soft cream or warm off-whites to maintain a peaceful, balanced atmosphere.

Is #9dc9f0 readable on white or black?

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

#9DC9F0 Hex Color

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

Questions about #9dc9f0

Color tools

Resources