#BAD3F4 Hex Color

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

Hex color #bad3f4 graphic
Pastel and lightly muted, #bad3f4 is a pale, cool blue with a soft gray cast. Its high lightness creates a gentle, dependable feel suited to healthcare, finance, technology, and spring designs. Use it as a dominant UI background with charcoal or navy text; black text remains highly readable. The hex code for this color is #bad3f4.

Questions about #bad3f4

What is #bad3f4 in RGB, HSL and CMYK?
In RGB, #bad3f4 is rgb(186, 211, 244), in HSL hsl(214, 73%, 84%) and in CMYK 24%, 14%, 0%, 4%.
What colors pair well with #bad3f4?
#bad3f4 pairs well with navy, charcoal, muted lavender, and soft beige; use navy or charcoal for text, while lavender and beige work well as supporting accents in calm healthcare, finance, and technology layouts.
Where does #bad3f4 work best?
#bad3f4 works best as a calm background or surface in healthcare, finance, technology, and spring-themed designs, where its pale cool blue and soft gray cast create a clean, dependable mood without demanding attention.
Is #bad3f4 readable on white or black?
#bad3f4 has a 1.53:1 contrast ratio on white and 13.71: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.