#BAE6FD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pastel blue creates an organized feel for modern UI designs. It works best as a background color for SaaS or healthcare branding where clarity matters most. Because black text offers strong contrast against #bae6fd, it remains highly legible even at small font sizes. The hex code for this cool, unsaturated shade is #bae6fd, providing a stable foundation for minimal layouts.
Questions about #bae6fd
What is #bae6fd in RGB, HSL and CMYK?
In RGB, #bae6fd is rgb(186, 230, 253), in HSL hsl(201, 94%, 86%) and in CMYK 26%, 9%, 0%, 1%.
What colors pair best with #bae6fd for UI design?
This pastel blue works exceptionally well when paired with deep charcoal or dark navy text to maintain high contrast and readability. For a softer palette, combine #bae6fd with clean whites or subtle cool grays to emphasize a professional, organized aesthetic.
Is #bae6fd readable on white or black?
#bae6fd has a 1.32:1 contrast ratio on white and 15.82: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.