#9DB5EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9db5ef is a cool, desaturated periwinkle that balances a clear, airy quality with a grounded feel. Because it sits high in lightness, it works best as a large-scale UI background rather than fine text. This shade offers excellent contrast against black, making it highly readable. Pair it with soft charcoals or deep plums to keep your palette from looking washed out or overly childish.
Questions about #9db5ef
What is #9db5ef in RGB, HSL and CMYK?
In RGB, #9db5ef is rgb(157, 181, 239), in HSL hsl(222, 72%, 78%) and in CMYK 34%, 24%, 0%, 6%. Browse more shades of blue with names and hex codes.
How should I use #9db5ef in a UI design?
Because #9db5ef sits high in lightness, it works best as a large-scale UI background rather than for fine text. Use it to create soft, airy headers or section dividers, ensuring you pair it with high-contrast elements like charcoal for readability.
What colors pair best with #9db5ef?
To keep this cool shade from looking washed out, pair it with deeper, grounded tones like charcoal or rich plum. These darker accents ground the airy quality of #9db5ef, creating a professional palette that feels balanced rather than overly youthful or childish.
Is #9db5ef readable on white or black?
#9db5ef has a 2.04:1 contrast ratio on white and 10.28: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.