#9DB4E2 Hex Color

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

Hex color #9db4e2 graphic
Muted and cool, this pastel blue has a dusty, gray undertone and moderate lightness. The hex code #9db4e2 creates a gentle, dependable feel for healthcare, finance, technology, and spring-themed designs. Use it as a broad UI background with black text, which reaches about a 10.1:1 contrast ratio for readable body copy.

Questions about #9db4e2

What is #9db4e2 in RGB, HSL and CMYK?
In RGB, #9db4e2 is rgb(157, 180, 226), in HSL hsl(220, 54%, 75%) and in CMYK 31%, 20%, 0%, 11%.
What colors pair well with #9db4e2?
#9db4e2 pairs well with deep navy, charcoal, soft white, and muted mauve, balancing its cool dusty blue with darker structure or gentle warmth. Use darker options for text and lighter ones for airy, low-contrast surfaces.
Where does #9db4e2 work best in design?
#9db4e2 suits broad UI backgrounds, healthcare and finance interfaces, technology products, and spring-inspired visuals because its muted blue feels calm, dependable, and clean. Pair it with darker text and stronger accents when buttons or key actions need more emphasis.
Is #9db4e2 readable on white or black?
#9db4e2 has a 2.08:1 contrast ratio on white and 10.06: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.