#BADFF2 Hex Color

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

Hex color #badff2 graphic
This extremely pale, unsaturated blue offers a clean, airy feel that works best as a background color in UI designs. Because it lacks intensity, it serves as a soft, neutral alternative to white without overwhelming the eye. Pair #badff2 with dark charcoal text to ensure excellent legibility. The hex code #badff2 creates a professional and reliable atmosphere ideal for healthcare or financial dashboards.

Questions about #badff2

What is #badff2 in RGB, HSL and CMYK?
In RGB, #badff2 is rgb(186, 223, 242), in HSL hsl(200, 68%, 84%) and in CMYK 23%, 8%, 0%, 5%.
Why is #badff2 a good choice for financial or healthcare interfaces?
The #badff2 shade conveys a sense of reliability and calm precision that works well in high-trust industries. Its low saturation keeps the interface feeling uncluttered and airy, preventing visual fatigue during long periods of data entry or complex information monitoring.
Is #badff2 readable on white or black?
#badff2 has a 1.40:1 contrast ratio on white and 14.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.