#9CBCDB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty and unsaturated blue, #9cbcdb brings a gentle, controlled mood to digital interfaces. This hex code works best as a supporting background, providing enough lightness for black text to stand out with high contrast. Designers favor this shade for healthcare or financial platforms where clarity matters. It avoids the harshness of vivid blues and keeps layouts looking balanced and approachable.
Questions about #9cbcdb
What is #9cbcdb in RGB, HSL and CMYK?
In RGB, #9cbcdb is rgb(156, 188, 219), in HSL hsl(210, 47%, 74%) and in CMYK 29%, 14%, 0%, 14%.
How should #9cbcdb be used in UI design?
Use #9cbcdb as a background color for interfaces requiring a professional and calm aesthetic. Because it is highly unsaturated, it provides enough contrast for dark text overlays while remaining softer and less aggressive than standard primary blues.
What color combinations work well with #9cbcdb?
Pair #9cbcdb with a dark charcoal for high-contrast text that reads well on screens. It also balances nicely against warm neutral grays or soft off-whites if you want to create a clean, modern, and trustworthy layout for your users.
Is #9cbcdb readable on white or black?
#9cbcdb 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.