#BAD4FD Hex Color

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

Hex color #bad4fd graphic
#bad4fd is a very light, low-chroma blue with a cool cast and soft, airy finish. Its high lightness suits gentle backgrounds for healthcare, finance, baby products, and spring layouts. Use it as a dominant surface with navy or charcoal text; black text reaches about 13.9:1 contrast. The hex code is #bad4fd.

Questions about #bad4fd

What is #bad4fd in RGB, HSL and CMYK?
In RGB, #bad4fd is rgb(186, 212, 253), in HSL hsl(217, 94%, 86%) and in CMYK 26%, 16%, 0%, 1%.
What colors pair well with #bad4fd?
#bad4fd pairs well with navy or charcoal for readable contrast, while muted blue and lavender accents preserve its cool, calm character without making a light layout feel harsh. Reserve the darkest options for body copy and important controls.
What mood does #bad4fd create?
#bad4fd conveys a calm, clean, airy mood because its very light value and low saturation soften the cool blue, making it well suited to gentle healthcare, finance, baby-product, and spring designs.
Is #bad4fd readable on white or black?
#bad4fd has a 1.50:1 contrast ratio on white and 13.92: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.