#B2DADC

Color Details

HEX
#B2DADC
RGB
rgb(178, 218, 220)
HSL
hsl(183, 38%, 78%)
CMYK
cmyk(19%, 1%, 0%, 14%)
Best text on this color #000000 (CR 13.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2dadc
Contrast 13.96:1 AAA
White on #b2dadc
Contrast 1.50:1 Fail
#b2dadc on Black
Contrast 13.96:1 AAA
#b2dadc on White
Contrast 1.50:1 Fail

Tints & Shades

#c1e1e3
#d1e9ea
#e0f0f1
#8eaeb0
#6b8384
#475758

Complement & Analogous

#dcb4b2
#b2c5dc
#b2dcc9

Triadic

#dcb2da
#dadcb2

Monochrome

#475758 #6b8384 #b2dadc #d1e9ea #e0f0f1 #f0f8f8

Analogous

#b2dcc9 #c9e7d9 #b2dadc #c1d1e3 #b2c5dc #8e9eb0

Complementary Mix

#6b8384 #b2dadc #d1e9ea #dcb4b2 #e8cecd #8f7574

Nearby Colors

#b2dadb
#b2dadd
#b2dacc
#b2daec

Embed #B2DADC swatch

Embed this swatch

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

Open image

About #B2DADC

#B2DADC converts to RGB(178, 218, 220) and HSL(183, 38%, 78%). 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).

#B2DADC FAQs

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