#B4CCD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated cyan carries an ashy, grey undertone that feels clean and airy. Because of its light value, the hex code #b4ccd0 serves best as a supporting background rather than a dominant color, as it can look washed out in large, bright spaces. It pairs well with deep charcoal or warm slate for a balanced, modern UI layout, while supporting high-contrast black text.
Questions about #b4ccd0
What is #b4ccd0 in RGB, HSL and CMYK?
In RGB, #b4ccd0 is rgb(180, 204, 208), in HSL hsl(189, 23%, 76%) and in CMYK 13%, 2%, 0%, 18%.
How can I use #b4ccd0 effectively in UI design?
#b4ccd0 functions best as a neutral, supporting background rather than a primary brand color. Because of its light value and ashy quality, it pairs exceptionally well with charcoal or deep slate text to maintain professional contrast and modern, clean readability.
Does #b4ccd0 lean warm or cool in appearance?
#b4ccd0 is distinctly cool, carrying a calm and detached quality typical of desaturated cyans. Its ashy, grey undertone prevents it from feeling too vibrant or energetic, making it a reliable choice for designs requiring a quiet, collected, and serene atmosphere.
Is #b4ccd0 readable on white or black?
#b4ccd0 has a 1.68:1 contrast ratio on white and 12.48: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.