#977BBC

Color Details

HEX
#977BBC
RGB
rgb(151, 123, 188)
HSL
hsl(266, 33%, 61%)
CMYK
cmyk(20%, 35%, 0%, 26%)
Best text on this color #000000 (CR 5.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #977bbc
Contrast 5.88:1 AA
White on #977bbc
Contrast 3.57:1 Fail
#977bbc on Black
Contrast 5.88:1 AA
#977bbc on White
Contrast 3.57:1 Fail

Tints & Shades

#ac95c9
#c1b0d7
#d5cae4
#796296
#5b4a71
#3c314b

Complement & Analogous

#a0bc7b
#b87bbc
#7b7fbc

Triadic

#bc977b
#7bbc97

Monochrome

#3c314b #5b4a71 #977bbc #c1b0d7 #d5cae4 #eae5f2

Analogous

#7b7fbc #a3a5d0 #977bbc #c695c9 #b87bbc #936296

Complementary Mix

#5b4a71 #977bbc #c1b0d7 #a0bc7b #c1d3a9 #687a50

Nearby Colors

#977bbb
#977bbd
#977bac
#977bcc

Embed #977BBC swatch

Embed this swatch

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

Open image

About #977BBC

#977BBC converts to RGB(151, 123, 188) and HSL(266, 33%, 61%). 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).

#977BBC FAQs

What is the RGB value of #977BBC?
RGB: 151, 123, 188. Copy as CSS: rgb(151, 123, 188)
Is #977BBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #977BBC?
Complement: #a0bc7b.
Does #977BBC have good contrast on white or black?
On white: 3.57:1 (AA (large text)). On black: 5.88:1 (AA (normal text)).