#BDD1CC

Color Details

HEX
#BDD1CC
RGB
rgb(189, 209, 204)
HSL
hsl(165, 18%, 78%)
CMYK
cmyk(10%, 0%, 2%, 18%)
Best text on this color #000000 (CR 13.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bdd1cc
Contrast 13.16:1 AAA
White on #bdd1cc
Contrast 1.60:1 Fail
#bdd1cc on Black
Contrast 13.16:1 AAA
#bdd1cc on White
Contrast 1.60:1 Fail

Tints & Shades

#cadad6
#d7e3e0
#e5edeb
#97a7a3
#717d7a
#4c5452

Complement & Analogous

#d1bdc2
#bbcdd3
#bbd3c1

Triadic

#ccbdd1
#d1ccbd

Monochrome

#4c5452 #717d7a #bdd1cc #d7e3e0 #e5edeb #f2f6f5

Analogous

#bbd3c1 #cfe0d4 #bdd1cc #c9d7dc #bbcdd3 #96a4a9

Complementary Mix

#717d7a #bdd1cc #d7e3e0 #d1bdc2 #e1d4d7 #887b7e

Nearby Colors

#bdd1cb
#bdd1cd
#bdd1bc
#bdd1dc

Embed #BDD1CC swatch

Embed this swatch

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

Open image

About #BDD1CC

#BDD1CC converts to RGB(189, 209, 204) and HSL(165, 18%, 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).

#BDD1CC FAQs

What is the RGB value of #BDD1CC?
RGB: 189, 209, 204. Copy as CSS: rgb(189, 209, 204)
Is #BDD1CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BDD1CC?
Complement: #d1bdc2.
Does #BDD1CC have good contrast on white or black?
On white: 1.60:1 (Fails AA). On black: 13.16:1 (AAA (normal text)).