#BADCF2 Hex Color

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

Hex color #badcf2 graphic
This airy, pastel blue is highly desaturated and feels exceptionally light. Because it lacks aggressive chroma, #badcf2 works best as a neutral background for clean UI or soft branding. It offers strong accessibility for black text, though it can appear washed out against pure white. Pair it with charcoal grays for a professional look. The hex code for this shade is #badcf2.

Questions about #badcf2

What is #badcf2 in RGB, HSL and CMYK?
In RGB, #badcf2 is rgb(186, 220, 242), in HSL hsl(204, 68%, 84%) and in CMYK 23%, 9%, 0%, 5%.
What colors pair best with #badcf2?
This light blue pairs exceptionally well with charcoal or deep navy for high-contrast, professional text legibility. Because #badcf2 is so desaturated and airy, it also complements soft neutral grays or muted, earthy tones without overwhelming the visual balance of the layout.
Is #badcf2 readable on white or black?
#badcf2 has a 1.43:1 contrast ratio on white and 14.60: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.