#9EB5D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a distinct ashy quality that softens its appearance. Because it is light and muted, #9eb5d2 works best as a background color rather than a primary branding element. It provides excellent contrast for black text, ensuring readability in UI designs. Pair it with deep charcoal or warm slate grays to anchor the composition and prevent the color from appearing washed out.
Questions about #9eb5d2
What is #9eb5d2 in RGB, HSL and CMYK?
In RGB, #9eb5d2 is rgb(158, 181, 210), in HSL hsl(213, 37%, 72%) and in CMYK 25%, 14%, 0%, 18%. Browse more shades of blue with names and hex codes.
What colors pair well with #9eb5d2 in a UI design?
#9eb5d2 works best when grounded by deep neutrals like charcoal or warm slate, which keep the blue from looking washed out. Because it is light and muted, it also contrasts beautifully against crisp white for clean, modern interfaces.
Is #9eb5d2 considered a warm or cool color?
#9eb5d2 is a definitively cool color, though its ashy, unsaturated quality makes it feel less icy than a standard primary blue. It carries a calm, professional, and slightly weathered mood that works well for tech or wellness branding.
Is #9eb5d2 readable on white or black?
#9eb5d2 has a 2.10:1 contrast ratio on white and 9.99: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.