#877C7C

Color Details

HEX
#877C7C
RGB
rgb(135, 124, 124)
HSL
hsl(0, 4%, 51%)
CMYK
cmyk(0%, 8%, 8%, 47%)
Best text on this color #000000 (CR 5.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #877c7c
Contrast 5.20:1 AA
White on #877c7c
Contrast 4.04:1 Fail
#877c7c on Black
Contrast 5.20:1 AA
#877c7c on White
Contrast 4.04:1 Fail

Tints & Shades

#9f9696
#b7b0b0
#cfcbcb
#6c6363
#514a4a
#363232

Complement & Analogous

#7d8787
#9e8267
#9e6782

Triadic

#7d877d
#7d7d87

Monochrome

#363232 #514a4a #877c7c #b7b0b0 #cfcbcb #e7e5e5

Analogous

#9e6782 #bb95a8 #877c7c #b19b85 #9e8267 #7e6852

Complementary Mix

#514a4a #877c7c #b7b0b0 #7d8787 #abb1b1 #515858

Nearby Colors

#877c7b
#877c7d
#877c6c
#877c8c

Embed #877C7C swatch

Embed this swatch

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

Open image

About #877C7C

#877C7C converts to RGB(135, 124, 124) and HSL(0, 4%, 51%). 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).

#877C7C FAQs

What is the RGB value of #877C7C?
RGB: 135, 124, 124. Copy as CSS: rgb(135, 124, 124)
Is #877C7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #877C7C?
Complement: #7d8787.
Does #877C7C have good contrast on white or black?
On white: 4.04:1 (AA (large text)). On black: 5.20:1 (AA (normal text)).