#977D7C

Color Details

HEX
#977D7C
RGB
rgb(151, 125, 124)
HSL
hsl(2, 11%, 54%)
CMYK
cmyk(0%, 17%, 18%, 41%)
Best text on this color #000000 (CR 5.54:1) Determined by WCAG contrast ratio

Readability Previews

Black on #977d7c
Contrast 5.54:1 AA
White on #977d7c
Contrast 3.79:1 Fail
#977d7c on Black
Contrast 5.54:1 AA
#977d7c on White
Contrast 3.79:1 Fail

Tints & Shades

#ac9796
#c1b1b0
#d5cbcb
#796463
#5b4b4a
#3c3232

Complement & Analogous

#7d9697
#a48b70
#a47088

Triadic

#7d977e
#7e7d97

Monochrome

#3c3232 #5b4b4a #977d7c #c1b1b0 #d5cbcb #eae5e5

Analogous

#a47088 #bf9bac #977d7c #b6a28d #a48b70 #836f5a

Complementary Mix

#5b4b4a #977d7c #c1b1b0 #7d9697 #abbbbb #516262

Nearby Colors

#977d7b
#977d7d
#977d6c
#977d8c

Embed #977D7C swatch

Embed this swatch

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

Open image

About #977D7C

#977D7C converts to RGB(151, 125, 124) and HSL(2, 11%, 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).

#977D7C FAQs

What is the RGB value of #977D7C?
RGB: 151, 125, 124. Copy as CSS: rgb(151, 125, 124)
Is #977D7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #977D7C?
Complement: #7d9697.
Does #977D7C have good contrast on white or black?
On white: 3.79:1 (AA (large text)). On black: 5.54:1 (AA (normal text)).