#B2DCEC

Color Details

HEX
#B2DCEC
RGB
rgb(178, 220, 236)
HSL
hsl(197, 60%, 81%)
CMYK
cmyk(25%, 7%, 0%, 7%)
Best text on this color #000000 (CR 14.34:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2dcec
Contrast 14.34:1 AAA
White on #b2dcec
Contrast 1.46:1 Fail
#b2dcec on Black
Contrast 14.34:1 AAA
#b2dcec on White
Contrast 1.46:1 Fail

Tints & Shades

#c1e3f0
#d1eaf4
#e0f1f7
#8eb0bd
#6b848e
#47585e

Complement & Analogous

#ecc2b1
#b1beec
#b1ecdf

Triadic

#ecb1db
#dbecb1

Monochrome

#47585e #6b848e #b2dcec #d1eaf4 #e0f1f7 #f0f8fb

Analogous

#b1ecdf #c8f2e9 #b2dcec #c1cbf0 #b1beec #8e98bd

Complementary Mix

#6b848e #b2dcec #d1eaf4 #ecc2b1 #f3d7cc #997e73

Nearby Colors

#b2dceb
#b2dced
#b2dcdc
#b2dcfc

Embed #B2DCEC swatch

Embed this swatch

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

Open image

About #B2DCEC

#B2DCEC converts to RGB(178, 220, 236) and HSL(197, 60%, 81%). 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).

#B2DCEC FAQs

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