#B9C4BE

Color Details

HEX
#B9C4BE
RGB
rgb(185, 196, 190)
HSL
hsl(147, 9%, 75%)
CMYK
cmyk(6%, 0%, 3%, 23%)
Best text on this color #000000 (CR 11.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b9c4be
Contrast 11.70:1 AAA
White on #b9c4be
Contrast 1.79:1 Fail
#b9c4be on Black
Contrast 11.70:1 AAA
#b9c4be on White
Contrast 1.79:1 Fail

Tints & Shades

#c7d0cb
#d5dcd8
#e3e7e5
#949d98
#6f7672
#4a4e4c

Complement & Analogous

#c5bac0
#b1cdcc
#b3cdb1

Triadic

#bfbac5
#c5bfba

Monochrome

#4a4e4c #6f7672 #b9c4be #d5dcd8 #e3e7e5 #f1f3f2

Analogous

#b3cdb1 #cadcc8 #b9c4be #c1d7d6 #b1cdcc #8ea4a3

Complementary Mix

#6f7672 #b9c4be #d5dcd8 #c5bac0 #d9d2d6 #80797d

Nearby Colors

#b9c4bd
#b9c4bf
#b9c4ae
#b9c4ce

Embed #B9C4BE swatch

Embed this swatch

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

Open image

About #B9C4BE

#B9C4BE converts to RGB(185, 196, 190) and HSL(147, 9%, 75%). 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).

#B9C4BE FAQs

What is the RGB value of #B9C4BE?
RGB: 185, 196, 190. Copy as CSS: rgb(185, 196, 190)
Is #B9C4BE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B9C4BE?
Complement: #c5bac0.
Does #B9C4BE have good contrast on white or black?
On white: 1.79:1 (Fails AA). On black: 11.70:1 (AAA (normal text)).