#BAE4FE

Color Details

HEX
#BAE4FE
RGB
rgb(186, 228, 254)
HSL
hsl(203, 97%, 86%)
CMYK
cmyk(27%, 10%, 0%, 0%)
Best text on this color #000000 (CR 15.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bae4fe
Contrast 15.62:1 AAA
White on #bae4fe
Contrast 1.34:1 Fail
#bae4fe on Black
Contrast 15.62:1 AAA
#bae4fe on White
Contrast 1.34:1 Fail

Tints & Shades

#c8e9fe
#d6effe
#e3f4ff
#95b6cb
#708998
#4a5b66

Complement & Analogous

#fed3b9
#b9c1fe
#b9fef6

Triadic

#feb9e3
#e3feb9

Monochrome

#4a5b66 #708998 #bae4fe #d6effe #e3f4ff #f1faff

Analogous

#b9fef6 #cefef9 #bae4fe #c7cdfe #b9c1fe #949acb

Complementary Mix

#708998 #bae4fe #d6effe #fed3b9 #fee2d2 #a58978

Nearby Colors

#bae4fd
#bae4ff
#bae4ee
#bae50e

Embed #BAE4FE swatch

Embed this swatch

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

Open image

About #BAE4FE

#BAE4FE converts to RGB(186, 228, 254) and HSL(203, 97%, 86%). 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).

#BAE4FE FAQs

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