#BAFCFC

Color Details

HEX
#BAFCFC
RGB
rgb(186, 252, 252)
HSL
hsl(180, 92%, 86%)
CMYK
cmyk(26%, 0%, 0%, 1%)
Best text on this color #000000 (CR 18.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bafcfc
Contrast 18.42:1 AAA
White on #bafcfc
Contrast 1.14:1 Fail
#bafcfc on Black
Contrast 18.42:1 AAA
#bafcfc on White
Contrast 1.14:1 Fail

Tints & Shades

#c8fdfd
#d6fdfd
#e3fefe
#95caca
#709797
#4a6565

Complement & Analogous

#fcbaba
#badbfc
#bafcdb

Triadic

#fcbafc
#fcfcba

Monochrome

#4a6565 #709797 #bafcfc #d6fdfd #e3fefe #f1fefe

Analogous

#bafcdb #cffde6 #bafcfc #c8e2fd #badbfc #95afca

Complementary Mix

#709797 #bafcfc #d6fdfd #fcbaba #fdd2d2 #a47979

Nearby Colors

#bafcfb
#bafcfd
#bafcec
#bafd0c

Embed #BAFCFC swatch

Embed this swatch

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

Open image

About #BAFCFC

#BAFCFC converts to RGB(186, 252, 252) and HSL(180, 92%, 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).

#BAFCFC FAQs

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