#B5BDCE

Color Details

HEX
#B5BDCE
RGB
rgb(181, 189, 206)
HSL
hsl(221, 20%, 76%)
CMYK
cmyk(12%, 8%, 0%, 19%)
Best text on this color #000000 (CR 11.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b5bdce
Contrast 11.14:1 AAA
White on #b5bdce
Contrast 1.89:1 Fail
#b5bdce on Black
Contrast 11.14:1 AAA
#b5bdce on White
Contrast 1.89:1 Fail

Tints & Shades

#c4cad8
#d3d7e2
#e1e5eb
#9197a5
#6d717c
#484c52

Complement & Analogous

#cec6b6
#b9b4cf
#b4cacf

Triadic

#ceb6bd
#bdceb6

Monochrome

#484c52 #6d717c #b5bdce #d3d7e2 #e1e5eb #f0f2f5

Analogous

#b4cacf #cbdadd #b5bdce #c7c3d9 #b9b4cf #9490a6

Complementary Mix

#6d717c #b5bdce #d3d7e2 #cec6b6 #dfdad0 #868176

Nearby Colors

#b5bdcd
#b5bdcf
#b5bdbe
#b5bdde

Embed #B5BDCE swatch

Embed this swatch

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

Open image

About #B5BDCE

#B5BDCE converts to RGB(181, 189, 206) and HSL(221, 20%, 76%). 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).

#B5BDCE FAQs

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