#B8CCD5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy cyan carries a delicate weight that feels airy and clean. Because it is highly desaturated, #b8ccd5 works best as a neutral background rather than a focal point. Its high contrast allows for easy readability with black typography, making it a practical choice for minimalist UI interfaces or corporate branding that requires a sense of professional clarity.
Questions about #b8ccd5
What is #b8ccd5 in RGB, HSL and CMYK?
In RGB, #b8ccd5 is rgb(184, 204, 213), in HSL hsl(199, 26%, 78%) and in CMYK 14%, 4%, 0%, 16%.
How can I effectively use #b8ccd5 in professional design?
Because #b8ccd5 is highly desaturated, it functions best as a soft, neutral background color that keeps the interface feeling light and airy. It pairs exceptionally well with charcoal or deep navy typography, ensuring excellent contrast and professional readability for web projects.
Does #b8ccd5 lean warm or cool?
The color #b8ccd5 has a distinctly cool undertone due to its cyan and gray components, which gives it a clinical, precise, and professional mood. Avoid pairing it with overly warm, saturated oranges, as the clash might create a jarring visual imbalance.
Is #b8ccd5 readable on white or black?
#b8ccd5 has a 1.66:1 contrast ratio on white and 12.63: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.