#9BB4DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a cool, airy character. It works best as a calming background or a secondary accent in professional UI designs, where it maintains high readability when paired with black text. Because of its muted, pastel quality, #9bb4dd avoids the harshness of pure blue. Pair this hex code with warm charcoal or soft cream to ground its lightness.
Questions about #9bb4dd
What is #9bb4dd in RGB, HSL and CMYK?
In RGB, #9bb4dd is rgb(155, 180, 221), in HSL hsl(217, 49%, 74%) and in CMYK 30%, 19%, 0%, 13%.
How do I use #9bb4dd effectively in UI design?
Use #9bb4dd as a subtle background or secondary accent to keep layouts feeling airy without visual clutter. It maintains excellent readability when paired with charcoal or deep gray text, effectively softening the harshness typically associated with pure blue tones.
What colors coordinate well with #9bb4dd?
The muted quality of #9bb4dd pairs naturally with cream or warm beige to ground its cool temperature. For a higher contrast visual, pair it against deep charcoal or slate grays, which anchor the lightness of this specific blue shade.
Is #9bb4dd readable on white or black?
#9bb4dd has a 2.10:1 contrast ratio on white and 9.96: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.