#BAD4DF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated cyan carries a delicate, bleached quality that feels airy and clean. The hex code #bad4df provides a subtle, refreshing foundation for UI designs without overwhelming the viewer. Because it offers high contrast with black text, it works well for readable body copy. Pair this shade with charcoal or deep slate for a sophisticated, modern aesthetic in tech-focused interfaces.
Questions about #bad4df
What is #bad4df in RGB, HSL and CMYK?
In RGB, #bad4df is rgb(186, 212, 223), in HSL hsl(198, 37%, 80%) and in CMYK 17%, 5%, 0%, 13%.
How should I use #bad4df in a UI design?
#bad4df functions best as a subtle background color because it provides high contrast with dark text. To maintain a modern aesthetic, pair it with charcoal or deep slate elements to anchor the airy, desaturated feel of the interface.
Is #bad4df considered a warm or cool color?
#bad4df is a distinctly cool color, owing to its cyan base and high-value, desaturated appearance. Its bleached, icy character brings a sense of calm and clinical precision, making it an ideal choice for wellness or technology-focused branding projects.
Is #bad4df readable on white or black?
#bad4df has a 1.54:1 contrast ratio on white and 13.57: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.