#BAD9E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated cyan offers an airy, clean aesthetic for minimalist UI backgrounds. Because it creates high contrast with black text, it remains perfectly legible for body content. Pair #bad9e4 with charcoal grays or warm earth tones to ground its weightlessness. The hex code #bad9e4 works best as a primary interface base, though it can appear slightly washed out when used against pure white.
Questions about #bad9e4
What is #bad9e4 in RGB, HSL and CMYK?
In RGB, #bad9e4 is rgb(186, 217, 228), in HSL hsl(196, 44%, 81%) and in CMYK 18%, 5%, 0%, 11%.
What colors pair well with #bad9e4 for UI design?
#bad9e4 works effectively when grounded by deep, neutral tones that prevent the design from appearing too weightless. Pair this cyan with charcoal or deep navy for strong text legibility, or add warmth with muted, earthy terracotta accents to create a balanced, professional interface.
Is #bad9e4 readable on white or black?
#bad9e4 has a 1.48:1 contrast ratio on white and 14.13: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.