#B8BCD7

Color Details

HEX
#B8BCD7
RGB
rgb(184, 188, 215)
HSL
hsl(232, 28%, 78%)
CMYK
cmyk(14%, 13%, 0%, 16%)
Best text on this color #000000 (CR 11.21:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b8bcd7
Contrast 11.21:1 AAA
White on #b8bcd7
Contrast 1.87:1 Fail
#b8bcd7 on Black
Contrast 11.21:1 AAA
#b8bcd7 on White
Contrast 1.87:1 Fail

Tints & Shades

#c6c9df
#d4d7e7
#e3e4ef
#9396ac
#6e7181
#4a4b56

Complement & Analogous

#d7d2b7
#c3b7d7
#b7cbd7

Triadic

#d7b7bb
#bbd7b7

Monochrome

#4a4b56 #6e7181 #b8bcd7 #d4d7e7 #e3e4ef #f1f2f7

Analogous

#b7cbd7 #cddbe3 #b8bcd7 #cfc5df #c3b7d7 #9c92ac

Complementary Mix

#6e7181 #b8bcd7 #d4d7e7 #d7d2b7 #e5e2d0 #8c8977

Nearby Colors

#b8bcd6
#b8bcd8
#b8bcc7
#b8bce7

Embed #B8BCD7 swatch

Embed this swatch

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

Open image

About #B8BCD7

#B8BCD7 converts to RGB(184, 188, 215) and HSL(232, 28%, 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).

#B8BCD7 FAQs

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