#B0C8DD

Color Details

HEX
#B0C8DD
RGB
rgb(176, 200, 221)
HSL
hsl(208, 40%, 78%)
CMYK
cmyk(20%, 10%, 0%, 13%)
Best text on this color #000000 (CR 12.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b0c8dd
Contrast 12.15:1 AAA
White on #b0c8dd
Contrast 1.73:1 Fail
#b0c8dd on Black
Contrast 12.15:1 AAA
#b0c8dd on White
Contrast 1.73:1 Fail

Tints & Shades

#c0d3e4
#d0deeb
#dfe9f1
#8da0b1
#6a7885
#465058

Complement & Analogous

#ddc5b0
#b0b2dd
#b0dddc

Triadic

#ddb0c8
#c8ddb0

Monochrome

#465058 #6a7885 #b0c8dd #d0deeb #dfe9f1 #eff4f8

Analogous

#b0dddc #c8e7e7 #b0c8dd #c0c1e4 #b0b2dd #8d8eb1

Complementary Mix

#6a7885 #b0c8dd #d0deeb #ddc5b0 #e9d9cc #908072

Nearby Colors

#b0c8dc
#b0c8de
#b0c8cd
#b0c8ed

Embed #B0C8DD swatch

Embed this swatch

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

Open image

About #B0C8DD

#B0C8DD converts to RGB(176, 200, 221) and HSL(208, 40%, 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).

#B0C8DD FAQs

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