#B4BCD3

Color Details

HEX
#B4BCD3
RGB
rgb(180, 188, 211)
HSL
hsl(225, 26%, 77%)
CMYK
cmyk(15%, 11%, 0%, 17%)
Best text on this color #000000 (CR 11.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4bcd3
Contrast 11.07:1 AAA
White on #b4bcd3
Contrast 1.90:1 Fail
#b4bcd3 on Black
Contrast 11.07:1 AAA
#b4bcd3 on White
Contrast 1.90:1 Fail

Tints & Shades

#c3c9dc
#d2d7e5
#e1e4ed
#9096a9
#6c717f
#484b54

Complement & Analogous

#d4ccb5
#bdb5d4
#b5ccd4

Triadic

#d4b5bd
#bdd4b5

Monochrome

#484b54 #6c717f #b4bcd3 #d2d7e5 #e1e4ed #f0f2f6

Analogous

#b5ccd4 #cbdbe1 #b4bcd3 #cac4dd #bdb5d4 #9791aa

Complementary Mix

#6c717f #b4bcd3 #d2d7e5 #d4ccb5 #e3decf #8a8576

Nearby Colors

#b4bcd2
#b4bcd4
#b4bcc3
#b4bce3

Embed #B4BCD3 swatch

Embed this swatch

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

Open image

About #B4BCD3

#B4BCD3 converts to RGB(180, 188, 211) and HSL(225, 26%, 77%). 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).

#B4BCD3 FAQs

What is the RGB value of #B4BCD3?
RGB: 180, 188, 211. Copy as CSS: rgb(180, 188, 211)
Is #B4BCD3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B4BCD3?
Complement: #d4ccb5.
Does #B4BCD3 have good contrast on white or black?
On white: 1.90:1 (Fails AA). On black: 11.07:1 (AAA (normal text)).