#B7CAD6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b7cad6 is a pale, ashy blue with significant grey saturation. This muted tone provides a clean, airy feel that works best as a neutral background rather than a focal point. Because it offers strong contrast with black text, it is useful for accessible UI design and minimalist interfaces. When paired with darker slate blues or charcoal greys, the hex code #b7cad6 maintains a professional, reliable appearance.
Questions about #b7cad6
What is #b7cad6 in RGB, HSL and CMYK?
In RGB, #b7cad6 is rgb(183, 202, 214), in HSL hsl(203, 27%, 78%) and in CMYK 14%, 6%, 0%, 16%. Browse more shades of gray with names and hex codes.
Why is #b7cad6 a strong choice for UI design?
The high grey saturation of #b7cad6 ensures it creates a soft, non-distracting background that maintains high legibility when paired with charcoal or dark text. It provides a clean, airy aesthetic that is professional yet approachable for modern web layouts.
Which color schemes work well with #b7cad6?
This hue pairs beautifully with cooler slate blues or deep greys to maintain a monochromatic, serene atmosphere. For added contrast, it balances well against warm neutrals or crisp whites, helping the ashy undertones stand out without appearing overly aggressive or vibrant.
Is #b7cad6 readable on white or black?
#b7cad6 has a 1.68:1 contrast ratio on white and 12.43: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.