#BAE1ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted cyan sits on the lighter end of the spectrum, offering a airy, breathable quality. Because it is highly desaturated, #bae1ed works best as a primary background color rather than for text. It pairs well with crisp charcoal or deep navy for contrast. Since black text provides excellent readability over this hex code, it is a safe choice for clean UI design and web interfaces.
Questions about #bae1ed
What is #bae1ed in RGB, HSL and CMYK?
In RGB, #bae1ed is rgb(186, 225, 237), in HSL hsl(194, 59%, 83%) and in CMYK 22%, 5%, 0%, 7%. Browse more shades of blue with names and hex codes.
What colors pair best with #bae1ed?
This muted cyan works best alongside high-contrast neutrals like charcoal or deep navy to anchor its airy quality. Because #bae1ed is so light, it requires a darker, saturated shade nearby to prevent designs from feeling washed out or indistinct.
Is #bae1ed suitable for text in a UI design?
Avoid using #bae1ed for body text because its low contrast against white backgrounds fails accessibility standards for readability. It functions perfectly as a primary background color or a subtle accent element where black or very dark text provides clear contrast.
Is #bae1ed readable on white or black?
#bae1ed has a 1.39:1 contrast ratio on white and 15.08: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.