#B7CFD6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated cyan has a distinct grey undertone that keeps it from feeling childish or overly bright. Because it is highly legible with black text, #b7cfd6 serves as an excellent neutral background for clean, airy web interfaces. Avoid using it alongside stark white backgrounds, as it may appear washed out. Pair it with deep charcoals or slate tones for better depth in professional designs.
Questions about #b7cfd6
What is #b7cfd6 in RGB, HSL and CMYK?
In RGB, #b7cfd6 is rgb(183, 207, 214), in HSL hsl(194, 27%, 78%) and in CMYK 14%, 3%, 0%, 16%.
What colors pair well with #b7cfd6 in professional design?
#b7cfd6 functions best alongside high-contrast darks to prevent a washed-out appearance on digital screens. Pair it with deep charcoal or slate tones to ground the lightness of the cyan and add visual depth to your layout.
Is #b7cfd6 suitable for use with black text?
#b7cfd6 provides excellent legibility when paired with dark text because of its pale, desaturated nature. It acts as a comfortable neutral background, offering enough contrast to keep typography readable without the harsh intensity of a stark white background.
Is #b7cfd6 readable on white or black?
#b7cfd6 has a 1.62:1 contrast ratio on white and 12.90: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.