#BAE6E9

Color Details

HEX
#BAE6E9
RGB
rgb(186, 230, 233)
HSL
hsl(184, 52%, 82%)
CMYK
cmyk(20%, 1%, 0%, 9%)
Best text on this color #000000 (CR 15.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bae6e9
Contrast 15.58:1 AAA
White on #bae6e9
Contrast 1.35:1 Fail
#bae6e9 on Black
Contrast 15.58:1 AAA
#bae6e9 on White
Contrast 1.35:1 Fail

Tints & Shades

#c8ebed
#d6f0f2
#e3f5f6
#95b8ba
#708a8c
#4a5c5d

Complement & Analogous

#e9bcb9
#b9cee9
#b9e9d4

Triadic

#e9b9e6
#e6e9b9

Monochrome

#4a5c5d #708a8c #bae6e9 #d6f0f2 #e3f5f6 #f1fafb

Analogous

#b9e9d4 #cef0e1 #bae6e9 #c7d8ed #b9cee9 #94a5ba

Complementary Mix

#708a8c #bae6e9 #d6f0f2 #e9bcb9 #f1d3d2 #977a78

Nearby Colors

#bae6e8
#bae6ea
#bae6d9
#bae6f9

Embed #BAE6E9 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #BAE6E9

#BAE6E9 converts to RGB(186, 230, 233) and HSL(184, 52%, 82%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#BAE6E9 FAQs

What is the RGB value of #BAE6E9?
RGB: 186, 230, 233. Copy as CSS: rgb(186, 230, 233)
Is #BAE6E9 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BAE6E9?
Complement: #e9bcb9.
Does #BAE6E9 have good contrast on white or black?
On white: 1.35:1 (Fails AA). On black: 15.58:1 (AAA (normal text)).