#824C7C

Color Details

HEX
#824C7C
RGB
rgb(130, 76, 124)
HSL
hsl(307, 26%, 40%)
CMYK
cmyk(0%, 42%, 5%, 49%)
Best text on this color #FFFFFF (CR 6.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #824c7c
Contrast 3.27:1 Fail
White on #824c7c
Contrast 6.41:1 AA
#824c7c on Black
Contrast 3.27:1 Fail
#824c7c on White
Contrast 6.41:1 AA

Tints & Shades

#9b7096
#b494b0
#cdb7cb
#683d63
#4e2e4a
#341e32

Complement & Analogous

#4b8152
#814b60
#6c4b81

Triadic

#7a814b
#4b7a81

Monochrome

#341e32 #4e2e4a #824c7c #b494b0 #cdb7cb #e6dbe5

Analogous

#6c4b81 #9881a7 #824c7c #9a6f80 #814b60 #673c4d

Complementary Mix

#4e2e4a #824c7c #b494b0 #4b8152 #8aad8f #315435

Nearby Colors

#824c7b
#824c7d
#824c6c
#824c8c

Embed #824C7C swatch

Embed this swatch

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

Open image

About #824C7C

#824C7C converts to RGB(130, 76, 124) and HSL(307, 26%, 40%). 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).

#824C7C FAQs

What is the RGB value of #824C7C?
RGB: 130, 76, 124. Copy as CSS: rgb(130, 76, 124)
Is #824C7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #824C7C?
Complement: #4b8152.
Does #824C7C have good contrast on white or black?
On white: 6.41:1 (AA (normal text)). On black: 3.27:1 (AA (large text)).