#BCD3F4 Hex Color

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

Select a Color

This airy, pastel blue is highly desaturated, leaning into a cool, almost chilly undertone. Because it maintains strong legibility against black text, #bcd3f4 works well as a grounding background for UI designs or healthcare interfaces. Avoid pairing it with pure white to keep it from looking washed out; it performs best when contrasted against charcoal grays or deep navies. The hex code is #bcd3f4.

Questions about #bcd3f4

What is #bcd3f4 in RGB, HSL and CMYK?

In RGB, #bcd3f4 is rgb(188, 211, 244), in HSL hsl(215, 72%, 85%) and in CMYK 23%, 14%, 0%, 4%.

Why does #bcd3f4 look washed out when paired with white?

This pastel blue contains high levels of white and low saturation, meaning it lacks the depth needed to contrast properly against pure white. For better visual balance and readability, pair #bcd3f4 with dark neutrals like charcoal or deep navy instead.

Is #bcd3f4 readable on white or black?

#bcd3f4 has a 1.52:1 contrast ratio on white and 13.76: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.

#BCD3F4 Hex Color

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

Questions about #bcd3f4

Color tools

Resources