#BAE6EB

Color Details

HEX
#BAE6EB
RGB
rgb(186, 230, 235)
HSL
hsl(186, 55%, 83%)
CMYK
cmyk(21%, 2%, 0%, 8%)
Best text on this color #000000 (CR 15.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bae6eb
Contrast 15.61:1 AAA
White on #bae6eb
Contrast 1.35:1 Fail
#bae6eb on Black
Contrast 15.61:1 AAA
#bae6eb on White
Contrast 1.35:1 Fail

Tints & Shades

#c8ebef
#d6f0f3
#e3f5f7
#95b8bc
#708a8d
#4a5c5e

Complement & Analogous

#ebc1bc
#bccfeb
#bcebd8

Triadic

#ebbce7
#e7ebbc

Monochrome

#4a5c5e #708a8d #bae6eb #d6f0f3 #e3f5f7 #f1fafb

Analogous

#bcebd8 #d0f1e4 #bae6eb #c9d9ef #bccfeb #96a6bc

Complementary Mix

#708a8d #bae6eb #d6f0f3 #ebc1bc #f2d7d3 #997d7a

Nearby Colors

#bae6ea
#bae6ec
#bae6db
#bae6fb

Embed #BAE6EB swatch

Embed this swatch

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

Open image

About #BAE6EB

#BAE6EB converts to RGB(186, 230, 235) and HSL(186, 55%, 83%). 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).

#BAE6EB FAQs

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