#BAE1E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated cyan offers a clean and airy aesthetic. Because #bae1e3 is so light, it functions best as a supporting background tone rather than a dominant primary color. It provides excellent contrast for black text, making it highly readable in digital interfaces. Pair it with soft charcoal or deep slate grays to ground its delicate, faded character without overpowering the design.
Questions about #bae1e3
What is #bae1e3 in RGB, HSL and CMYK?
In RGB, #bae1e3 is rgb(186, 225, 227), in HSL hsl(183, 42%, 81%) and in CMYK 18%, 1%, 0%, 11%.
What colors pair well with #bae1e3?
#bae1e3 works best when paired with deep, grounding neutrals to balance its airy quality. Use charcoal or deep slate grays to provide necessary contrast, or add soft navy accents for a sophisticated, professional interface design.
Is #bae1e3 suitable for text?
While #bae1e3 provides excellent contrast against black text, it is generally too pale to serve as a primary font color itself. Reserve this shade for backgrounds, borders, or subtle UI elements to maintain high readability and accessibility.
Is #bae1e3 readable on white or black?
#bae1e3 has a 1.40:1 contrast ratio on white and 14.96: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.