#BAE3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely light, unsaturated blue brings a sterile, airy quality to interfaces. Because it is so pale, it works best as a background tone rather than for typography or fine lines, which require higher contrast for readability. Pair #bae3ff with deep charcoals to create a grounded, professional look for healthcare or technology branding. This hex code offers a clean, reliable foundation for modern UI design.
Questions about #bae3ff
What is #bae3ff in RGB, HSL and CMYK?
In RGB, #bae3ff is rgb(186, 227, 255), in HSL hsl(204, 100%, 86%) and in CMYK 27%, 11%, 0%, 0%.
Why is #bae3ff difficult to use for text?
Because #bae3ff is an extremely light, unsaturated tone, it lacks the necessary contrast against a white background to meet WCAG accessibility standards for text. Use this color primarily for large background areas or subtle UI containers where legibility for reading is not required.
What colors pair well with #bae3ff?
Is #bae3ff readable on white or black?
#bae3ff has a 1.35:1 contrast ratio on white and 15.51: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.