#874D9C

Color Details

HEX
#874D9C
RGB
rgb(135, 77, 156)
HSL
hsl(284, 34%, 46%)
CMYK
cmyk(13%, 51%, 0%, 39%)
Best text on this color #FFFFFF (CR 5.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #874d9c
Contrast 3.57:1 Fail
White on #874d9c
Contrast 5.88:1 AA
#874d9c on Black
Contrast 3.57:1 Fail
#874d9c on White
Contrast 5.88:1 AA

Tints & Shades

#9f71b0
#b794c4
#cfb8d7
#6c3e7d
#512e5e
#361f3e

Complement & Analogous

#639d4d
#9d4d8b
#604d9d

Triadic

#9d884d
#4d9d88

Monochrome

#361f3e #512e5e #874d9c #b794c4 #cfb8d7 #e7dbeb

Analogous

#604d9d #9082ba #874d9c #b171a2 #9d4d8b #7e3e6f

Complementary Mix

#512e5e #874d9c #b794c4 #639d4d #9abf8b #406632

Nearby Colors

#874d9b
#874d9d
#874d8c
#874dac

Embed #874D9C swatch

Embed this swatch

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

Open image

About #874D9C

#874D9C converts to RGB(135, 77, 156) and HSL(284, 34%, 46%). 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).

#874D9C FAQs

What is the RGB value of #874D9C?
RGB: 135, 77, 156. Copy as CSS: rgb(135, 77, 156)
Is #874D9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #874D9C?
Complement: #639d4d.
Does #874D9C have good contrast on white or black?
On white: 5.88:1 (AA (normal text)). On black: 3.57:1 (AA (large text)).