#BAE3E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bae3e3 is a desaturated, pale cyan with strong pastel undertones. Its high lightness value makes it an airy choice for minimalist UI backgrounds. Because it offers strong contrast with black text, it works well for readable body copy. Pair this hex code with darker charcoal grays to ground the color and prevent it from appearing too washed out on white screens.
Questions about #bae3e3
What is #bae3e3 in RGB, HSL and CMYK?
In RGB, #bae3e3 is rgb(186, 227, 227), in HSL hsl(180, 42%, 81%) and in CMYK 18%, 0%, 0%, 11%.
What colors pair well with #bae3e3 for UI design?
Pair #bae3e3 with deep charcoal or dark navy text to maintain strong contrast and readability. Because this color is very light and airy, using a darker ground color prevents the design from feeling washed out on standard white backgrounds.
Is #bae3e3 readable on white or black?
#bae3e3 has a 1.38:1 contrast ratio on white and 15.18: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.