#9BBDD4 Hex Color

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

Hex color #9bbdd4 graphic
A dusty, unsaturated blue, #9bbdd4 carries a muted, gentle quality that works well for clean UI backgrounds or professional branding. Because it is light and desaturated, black text reads clearly against it with a 10.6:1 contrast ratio. Pair this hex code with a sharp, deep charcoal to prevent the design from feeling too washed out or overly sterile in healthcare and technology layouts.

Questions about #9bbdd4

What is #9bbdd4 in RGB, HSL and CMYK?
In RGB, #9bbdd4 is rgb(155, 189, 212), in HSL hsl(204, 40%, 72%) and in CMYK 27%, 11%, 0%, 17%.
What colors pair well with #9bbdd4?
Pair #9bbdd4 with a deep charcoal or soft slate to anchor the design and prevent it from appearing too washed out. This combination creates a professional, high-contrast look suitable for healthcare or technology interfaces that require clarity and readability.
Is #9bbdd4 considered a warm or cool blue?
#9bbdd4 is a definitively cool-toned blue, though its high level of desaturation keeps it from feeling icy or aggressive. Its dusty quality gives it a calm, neutral presence that works effectively as a background or secondary accent color in professional layouts.
Is #9bbdd4 readable on white or black?
#9bbdd4 has a 1.97:1 contrast ratio on white and 10.62: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.