#BAE8FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated pastel serves as an excellent UI background because it offers high readability for black text. While it feels youthful and gentle, avoid pairing it with bright white, which can wash it out. Instead, use this shade as a grounding base alongside deep navy accents. The hex code for this light blue is #bae8ff.
Questions about #bae8ff
What is #bae8ff in RGB, HSL and CMYK?
In RGB, #bae8ff is rgb(186, 232, 255), in HSL hsl(200, 100%, 86%) and in CMYK 27%, 9%, 0%, 0%.
What colors pair best with #bae8ff?
Pair #bae8ff with deep navy or charcoal grays to create a sophisticated, grounded aesthetic that avoids feeling too washed out. Because #bae8ff is quite light, it needs high-contrast text colors to maintain proper accessibility and readability on websites.
Is #bae8ff readable on white or black?
#bae8ff has a 1.30:1 contrast ratio on white and 16.07: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.