#BADDF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, desaturated blue offers a clean and professional look for UI backgrounds. Because it is so light, it reads best as a base color that creates a soft, spacious feel without demanding attention. Pair it with dark slate grays for a modern tech aesthetic rather than stark black. The hex code for this shade is #baddf3, which provides high contrast for legible black text.
Questions about #baddf3
What is #baddf3 in RGB, HSL and CMYK?
In RGB, #baddf3 is rgb(186, 221, 243), in HSL hsl(203, 70%, 84%) and in CMYK 23%, 9%, 0%, 5%. Browse more shades of blue with names and hex codes.
What colors pair well with #baddf3 in UI design?
Use #baddf3 alongside dark slate or charcoal grays to maintain a professional, modern tech aesthetic. Avoid pure black text on this background, as the lower contrast can sometimes tire the eyes, whereas dark grays soften the look significantly.
Is #baddf3 readable on white or black?
#baddf3 has a 1.42:1 contrast ratio on white and 14.72: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.