#BDCCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, unsaturated indigo, #bdccff brings a cool and airy quality to modern interfaces. Because this hex code provides a 13.2:1 contrast ratio against black text, it functions perfectly as a soft, readable background. It works best as a base color when paired with deep charcoal or slate grays to ground its gentle, ethereal nature.
Questions about #bdccff
What is #bdccff in RGB, HSL and CMYK?
In RGB, #bdccff is rgb(189, 204, 255), in HSL hsl(226, 100%, 87%) and in CMYK 26%, 20%, 0%, 0%.
What colors pair best with #bdccff in a design palette?
Pair #bdccff with deep charcoal or slate grays to ground its ethereal, light nature. Using dark, high-contrast neutrals ensures the text remains readable while letting this pale indigo provide a soft, professional backdrop for your UI components.
Is #bdccff readable on white or black?
#bdccff has a 1.58:1 contrast ratio on white and 13.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.