#B2FCFC

Color Details

HEX
#B2FCFC
RGB
rgb(178, 252, 252)
HSL
hsl(180, 93%, 84%)
CMYK
cmyk(29%, 0%, 0%, 1%)
Best text on this color #000000 (CR 18.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2fcfc
Contrast 18.22:1 AAA
White on #b2fcfc
Contrast 1.15:1 Fail
#b2fcfc on Black
Contrast 18.22:1 AAA
#b2fcfc on White
Contrast 1.15:1 Fail

Tints & Shades

#c1fdfd
#d1fdfd
#e0fefe
#8ecaca
#6b9797
#476565

Complement & Analogous

#fcb0b0
#b0d6fc
#b0fcd6

Triadic

#fcb0fc
#fcfcb0

Monochrome

#476565 #6b9797 #b2fcfc #d1fdfd #e0fefe #f0fefe

Analogous

#b0fcd6 #c8fde2 #b2fcfc #c0defd #b0d6fc #8dabca

Complementary Mix

#6b9797 #b2fcfc #d1fdfd #fcb0b0 #fdcccc #a47272

Nearby Colors

#b2fcfb
#b2fcfd
#b2fcec
#b2fd0c

Embed #B2FCFC swatch

Embed this swatch

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

Open image

About #B2FCFC

#B2FCFC converts to RGB(178, 252, 252) and HSL(180, 93%, 84%). 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).

#B2FCFC FAQs

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