#BAFDE9

Color Details

HEX
#BAFDE9
RGB
rgb(186, 253, 233)
HSL
hsl(162, 94%, 86%)
CMYK
cmyk(26%, 0%, 8%, 1%)
Best text on this color #000000 (CR 18.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bafde9
Contrast 18.31:1 AAA
White on #bafde9
Contrast 1.15:1 Fail
#bafde9 on Black
Contrast 18.31:1 AAA
#bafde9 on White
Contrast 1.15:1 Fail

Tints & Shades

#c8fded
#d6fef2
#e3fef6
#95caba
#70988c
#4a655d

Complement & Analogous

#fdbace
#baeffd
#bafdc7

Triadic

#e9bafd
#fde9ba

Monochrome

#4a655d #70988c #bafde9 #d6fef2 #e3fef6 #f1fffb

Analogous

#bafdc7 #cffed8 #bafde9 #c8f2fd #baeffd #95bfca

Complementary Mix

#70988c #bafde9 #d6fef2 #fdbace #fed2df #a47986

Nearby Colors

#bafde8
#bafdea
#bafdd9
#bafdf9

Embed #BAFDE9 swatch

Embed this swatch

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

Open image

About #BAFDE9

#BAFDE9 converts to RGB(186, 253, 233) and HSL(162, 94%, 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).

#BAFDE9 FAQs

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