#977D8C

Color Details

HEX
#977D8C
RGB
rgb(151, 125, 140)
HSL
hsl(325, 11%, 54%)
CMYK
cmyk(0%, 17%, 7%, 41%)
Best text on this color #000000 (CR 5.63:1) Determined by WCAG contrast ratio

Readability Previews

Black on #977d8c
Contrast 5.63:1 AA
White on #977d8c
Contrast 3.73:1 Fail
#977d8c on Black
Contrast 5.63:1 AA
#977d8c on White
Contrast 3.73:1 Fail

Tints & Shades

#ac97a3
#c1b1ba
#d5cbd1
#796470
#5b4b54
#3c3238

Complement & Analogous

#7d9788
#a47074
#9f70a4

Triadic

#8c977d
#7d8c97

Monochrome

#3c3238 #5b4b54 #977d8c #c1b1ba #d5cbd1 #eae5e8

Analogous

#9f70a4 #bc9bbf #977d8c #b68d90 #a47074 #835a5d

Complementary Mix

#5b4b54 #977d8c #c1b1ba #7d9788 #abbbb2 #516258

Nearby Colors

#977d8b
#977d8d
#977d7c
#977d9c

Embed #977D8C swatch

Embed this swatch

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

Open image

About #977D8C

#977D8C converts to RGB(151, 125, 140) and HSL(325, 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).

#977D8C FAQs

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