#BCDDF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bcddf2 is a pastel blue with a milky lightness and very little saturation. It reads gentle and steady, which suits baby products, healthcare, and finance backgrounds. As a hex code, it works best as a dominant base behind dark text, since black type reaches about 14.8:1 contrast. Pair it with deep navy or a warm coral accent to keep it from washing out next to plain white.
Questions about #bcddf2
What is #bcddf2 in RGB, HSL and CMYK?
In RGB, #bcddf2 is rgb(188, 221, 242), in HSL hsl(203, 67%, 84%) and in CMYK 22%, 9%, 0%, 5%.
What text color works best on #bcddf2?
Black text works best on #bcddf2, with a contrast ratio of about 14.8:1. That clears the WCAG AA requirement of 4.5:1, so small body text stays readable. Dark navy also works well for headings.
What colors pair well with #bcddf2?
Deep navy gives #bcddf2 contrast and a trustworthy feel, which fits finance and government work. A warm terracotta accent stops the palette from feeling cold and clinical.
Is #bcddf2 readable on white or black?
#bcddf2 has a 1.42:1 contrast ratio on white and 14.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.