#B0DCDC

Color Details

HEX
#B0DCDC
RGB
rgb(176, 220, 220)
HSL
hsl(180, 39%, 78%)
CMYK
cmyk(20%, 0%, 0%, 14%)
Best text on this color #000000 (CR 14.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b0dcdc
Contrast 14.12:1 AAA
White on #b0dcdc
Contrast 1.49:1 Fail
#b0dcdc on Black
Contrast 14.12:1 AAA
#b0dcdc on White
Contrast 1.49:1 Fail

Tints & Shades

#c0e3e3
#d0eaea
#dff1f1
#8db0b0
#6a8484
#465858

Complement & Analogous

#ddb1b1
#b1c7dd
#b1ddc7

Triadic

#ddb1dd
#ddddb1

Monochrome

#465858 #6a8484 #b0dcdc #d0eaea #dff1f1 #eff8f8

Analogous

#b1ddc7 #c8e7d8 #b0dcdc #c1d2e4 #b1c7dd #8e9fb1

Complementary Mix

#6a8484 #b0dcdc #d0eaea #ddb1b1 #e9cccc #907373

Nearby Colors

#b0dcdb
#b0dcdd
#b0dccc
#b0dcec

Embed #B0DCDC swatch

Embed this swatch

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

Open image

About #B0DCDC

#B0DCDC converts to RGB(176, 220, 220) and HSL(180, 39%, 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).

#B0DCDC FAQs

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