#8B3F6C

Color Details

HEX
#8B3F6C
RGB
rgb(139, 63, 108)
HSL
hsl(324, 38%, 40%)
CMYK
cmyk(0%, 55%, 22%, 45%)
Best text on this color #FFFFFF (CR 6.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8b3f6c
Contrast 3.03:1 Fail
White on #8b3f6c
Contrast 6.94:1 AA
#8b3f6c on Black
Contrast 3.03:1 Fail
#8b3f6c on White
Contrast 6.94:1 AA

Tints & Shades

#a26589
#b98ca7
#d1b2c4
#6f3256
#532641
#38192b

Complement & Analogous

#3f8d5e
#8d3f47
#853f8d

Triadic

#6e8d3f
#3f6e8d

Monochrome

#38192b #532641 #8b3f6c #b98ca7 #d1b2c4 #e8d9e2

Analogous

#853f8d #aa79af #8b3f6c #a4656c #8d3f47 #713239

Complementary Mix

#532641 #8b3f6c #b98ca7 #3f8d5e #82b596 #295c3d

Nearby Colors

#8b3f6b
#8b3f6d
#8b3f5c
#8b3f7c

Embed #8B3F6C swatch

Embed this swatch

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

Open image

About #8B3F6C

#8B3F6C converts to RGB(139, 63, 108) and HSL(324, 38%, 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).

#8B3F6C FAQs

What is the RGB value of #8B3F6C?
RGB: 139, 63, 108. Copy as CSS: rgb(139, 63, 108)
Is #8B3F6C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8B3F6C?
Complement: #3f8d5e.
Does #8B3F6C have good contrast on white or black?
On white: 6.94:1 (AA (normal text)). On black: 3.03:1 (AA (large text)).