#BAE6EA

Color Details

HEX
#BAE6EA
RGB
rgb(186, 230, 234)
HSL
hsl(185, 53%, 82%)
CMYK
cmyk(21%, 2%, 0%, 8%)
Best text on this color #000000 (CR 15.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bae6ea
Contrast 15.59:1 AAA
White on #bae6ea
Contrast 1.35:1 Fail
#bae6ea on Black
Contrast 15.59:1 AAA
#bae6ea on White
Contrast 1.35:1 Fail

Tints & Shades

#c8ebee
#d6f0f2
#e3f5f7
#95b8bb
#708a8c
#4a5c5e

Complement & Analogous

#e9bdb9
#b9cde9
#b9e9d5

Triadic

#e9b9e5
#e5e9b9

Monochrome

#4a5c5e #708a8c #bae6ea #d6f0f2 #e3f5f7 #f1fafb

Analogous

#b9e9d5 #cef0e2 #bae6ea #c7d7ed #b9cde9 #94a4ba

Complementary Mix

#708a8c #bae6ea #d6f0f2 #e9bdb9 #f1d4d2 #977b78

Nearby Colors

#bae6e9
#bae6eb
#bae6da
#bae6fa

Embed #BAE6EA swatch

Embed this swatch

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

Open image

About #BAE6EA

#BAE6EA converts to RGB(186, 230, 234) and HSL(185, 53%, 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).

#BAE6EA FAQs

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