#BB8889

Color Details

HEX
#BB8889
RGB
rgb(187, 136, 137)
HSL
hsl(359, 27%, 63%)
CMYK
cmyk(0%, 27%, 27%, 27%)
Best text on this color #000000 (CR 7.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bb8889
Contrast 7.00:1 AA
White on #bb8889
Contrast 3.00:1 Fail
#bb8889 on Black
Contrast 7.00:1 AA
#bb8889 on White
Contrast 3.00:1 Fail

Tints & Shades

#c9a0a1
#d6b8b8
#e4cfd0
#966d6e
#705252
#4b3637

Complement & Analogous

#87bab9
#baa087
#ba87a1

Triadic

#88ba87
#8788ba

Monochrome

#4b3637 #705252 #bb8889 #d6b8b8 #e4cfd0 #f1e7e7

Analogous

#ba87a1 #cfabbd #bb8889 #c8b39f #baa087 #95806c

Complementary Mix

#705252 #bb8889 #d6b8b8 #87bab9 #b1d2d2 #587978

Nearby Colors

#bb8888
#bb888a
#bb8879
#bb8899

Embed #BB8889 swatch

Embed this swatch

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

Open image

About #BB8889

#BB8889 converts to RGB(187, 136, 137) and HSL(359, 27%, 63%). 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).

#BB8889 FAQs

What is the RGB value of #BB8889?
RGB: 187, 136, 137. Copy as CSS: rgb(187, 136, 137)
Is #BB8889 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BB8889?
Complement: #87bab9.
Does #BB8889 have good contrast on white or black?
On white: 3.00:1 (AA (large text)). On black: 7.00:1 (AA (normal text)).