#BCCDF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bccdf4 is a dusty, unsaturated blue that feels cool and airy. It works best as a spacious UI background, providing a clean professional look without dominating a layout. Since this color offers strong contrast with black text, it is highly readable for body content. Pair the hex code #bccdf4 with deep charcoal grays to create a grounded, modern interface design.
Questions about #bccdf4
What is #bccdf4 in RGB, HSL and CMYK?
In RGB, #bccdf4 is rgb(188, 205, 244), in HSL hsl(222, 72%, 85%) and in CMYK 23%, 16%, 0%, 4%.
What design styles suit #bccdf4?
This color works exceptionally well in minimalist or modern interface designs where clarity and spacing are priorities. Because it remains unsaturated, it acts as a neutral backdrop that allows primary calls to action or charcoal text to stand out without competing for visual attention.
Is #bccdf4 readable on white or black?
#bccdf4 has a 1.59:1 contrast ratio on white and 13.17: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.