#BCCFFF Hex Color

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

Hex color #bccfff graphic
#bccfff is a light, airy blue with high lightness and low saturation. It works well for corporate UI backgrounds where you need to convey stability without visual weight. Because the value is high, black text reads clearly at a 13.5:1 ratio, making it an accessible choice. Pair this hex code with a sharp slate gray to ground the palette and avoid appearing too juvenile.

Questions about #bccfff

What is #bccfff in RGB, HSL and CMYK?
In RGB, #bccfff is rgb(188, 207, 255), in HSL hsl(223, 100%, 87%) and in CMYK 26%, 19%, 0%, 0%.
What colors pair best with #bccfff for a professional interface?
Pair #bccfff with a sharp slate or deep navy to ground the design and prevent the palette from looking juvenile. Because #bccfff has high lightness, these darker neutrals create a strong, readable contrast suitable for modern corporate layouts.
Is #bccfff readable on white or black?
#bccfff has a 1.55:1 contrast ratio on white and 13.50: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.