#B7C9CC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b7c9cc graphic
This pale, desaturated cyan sits heavily on the grey side of the spectrum. The hex code #b7c9cc offers a clean, airy quality that works best as a neutral background in minimalist UI design. It provides excellent contrast for black text, ensuring readability. Pair it with charcoal or deep navy for a sophisticated, modern look, as it can appear washed out if placed directly next to pure white.

Questions about #b7c9cc

What is #b7c9cc in RGB, HSL and CMYK?
In RGB, #b7c9cc is rgb(183, 201, 204), in HSL hsl(189, 17%, 76%) and in CMYK 10%, 1%, 0%, 20%.
What colors pair effectively with #b7c9cc in a UI design?
#b7c9cc works best alongside dark, grounding neutrals to prevent the design from feeling washed out. Pair it with charcoal for strong readability on text, or use a deep navy to create a sophisticated, modern, and high-contrast color scheme.
Is #b7c9cc readable on white or black?
#b7c9cc has a 1.71:1 contrast ratio on white and 12.24: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.