#878D8C

Color Details

HEX
#878D8C
RGB
rgb(135, 141, 140)
HSL
hsl(170, 3%, 54%)
CMYK
cmyk(4%, 0%, 1%, 45%)
Best text on this color #000000 (CR 6.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #878d8c
Contrast 6.22:1 AA
White on #878d8c
Contrast 3.38:1 Fail
#878d8c on Black
Contrast 6.22:1 AA
#878d8c on White
Contrast 3.38:1 Fail

Tints & Shades

#9fa4a3
#b7bbba
#cfd1d1
#6c7170
#515554
#363838

Complement & Analogous

#8d8687
#7092a4
#70a481

Triadic

#8c868d
#8d8c86

Monochrome

#363838 #515554 #878d8c #b7bbba #cfd1d1 #e7e8e8

Analogous

#70a481 #9bbfa7 #878d8c #8da8b6 #7092a4 #5a7583

Complementary Mix

#515554 #878d8c #b7bbba #8d8687 #b5b0b1 #5c5758

Nearby Colors

#878d8b
#878d8d
#878d7c
#878d9c

Embed #878D8C swatch

Embed this swatch

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

Open image

About #878D8C

#878D8C converts to RGB(135, 141, 140) and HSL(170, 3%, 54%). 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).

#878D8C FAQs

What is the RGB value of #878D8C?
RGB: 135, 141, 140. Copy as CSS: rgb(135, 141, 140)
Is #878D8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #878D8C?
Complement: #8d8687.
Does #878D8C have good contrast on white or black?
On white: 3.38:1 (AA (large text)). On black: 6.22:1 (AA (normal text)).