#BAE1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bae1ff is an airy, desaturated blue with a distinct cool temperature. Because of its light chroma, it functions best as a soft background or a supporting tone rather than a high-contrast accent. It pairs unexpectedly well with deep charcoal or burnt orange to temper its lightness. Use this hex code for UI applications where readability is paramount, as it maintains excellent contrast with black text.
Questions about #bae1ff
What is #bae1ff in RGB, HSL and CMYK?
In RGB, #bae1ff is rgb(186, 225, 255), in HSL hsl(206, 100%, 86%) and in CMYK 27%, 12%, 0%, 0%.
What colors pair well with #bae1ff in design projects?
Is #bae1ff a suitable choice for text on websites?
While #bae1ff is excellent as a soft background or accent, it is generally too light to meet standard accessibility requirements for readability when used as body text. Always ensure you use a much darker color for your text to maintain high contrast.
Is #bae1ff readable on white or black?
#bae1ff has a 1.37:1 contrast ratio on white and 15.30: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.