#BAFCFD

Color Details

HEX
#BAFCFD
RGB
rgb(186, 252, 253)
HSL
hsl(181, 94%, 86%)
CMYK
cmyk(26%, 0%, 0%, 1%)
Best text on this color #000000 (CR 18.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bafcfd
Contrast 18.43:1 AAA
White on #bafcfd
Contrast 1.14:1 Fail
#bafcfd on Black
Contrast 18.43:1 AAA
#bafcfd on White
Contrast 1.14:1 Fail

Tints & Shades

#c8fdfd
#d6fdfe
#e3fefe
#95caca
#709798
#4a6565

Complement & Analogous

#fdbbba
#badafd
#bafddc

Triadic

#fdbafc
#fcfdba

Monochrome

#4a6565 #709798 #bafcfd #d6fdfe #e3fefe #f1feff

Analogous

#bafddc #cffee7 #bafcfd #c8e1fd #badafd #95aeca

Complementary Mix

#709798 #bafcfd #d6fdfe #fdbbba #fed3d2 #a47a79

Nearby Colors

#bafcfc
#bafcfe
#bafced
#bafd0d

Embed #BAFCFD swatch

Embed this swatch

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

Open image

About #BAFCFD

#BAFCFD converts to RGB(186, 252, 253) and HSL(181, 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).

#BAFCFD FAQs

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