#9CBCD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a distinct ashy quality that makes it easy to use as a primary UI background or a neutral base. Because it sits on the lighter side, #9cbcd4 pairs well with high-contrast black text for readability. Use it alongside other shades of pink to create a soft, balanced palette perfect for technology or healthcare branding.
Questions about #9cbcd4
What is #9cbcd4 in RGB, HSL and CMYK?
In RGB, #9cbcd4 is rgb(156, 188, 212), in HSL hsl(206, 39%, 72%) and in CMYK 26%, 11%, 0%, 17%.
What color palettes work best with #9cbcd4?
This blue pairs beautifully with soft pinks and warm neutrals to balance its inherent coolness. Combining #9cbcd4 with a crisp charcoal provides high-contrast readability, while touches of blush help soften the overall look for medical or tech applications.
Is #9cbcd4 suitable for primary UI backgrounds?
Yes, its unsaturated, ashy quality makes #9cbcd4 an excellent choice for a calming, non-distracting UI background. Because it sits on the lighter end of the spectrum, it maintains enough contrast to keep interface text readable and professional for users.
Is #9cbcd4 readable on white or black?
#9cbcd4 has a 1.98:1 contrast ratio on white and 10.55: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.