#9E2F8C

Color Details

HEX
#9E2F8C
RGB
rgb(158, 47, 140)
HSL
hsl(310, 54%, 40%)
CMYK
cmyk(0%, 70%, 11%, 38%)
Best text on this color #FFFFFF (CR 6.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9e2f8c
Contrast 3.24:1 Fail
White on #9e2f8c
Contrast 6.48:1 AA
#9e2f8c on Black
Contrast 3.24:1 Fail
#9e2f8c on White
Contrast 6.48:1 AA

Tints & Shades

#b159a3
#c582ba
#d8acd1
#7e2670
#5f1c54
#3f1338

Complement & Analogous

#2f9d41
#9d2f54
#782f9d

Triadic

#8b9d2f
#2f8b9d

Monochrome

#3f1338 #5f1c54 #9e2f8c #c582ba #d8acd1 #ecd5e8

Analogous

#782f9d #a16dba #9e2f8c #b15976 #9d2f54 #7e2643

Complementary Mix

#5f1c54 #9e2f8c #c582ba #2f9d41 #78bf84 #1f662a

Nearby Colors

#9e2f8b
#9e2f8d
#9e2f7c
#9e2f9c

Embed #9E2F8C swatch

Embed this swatch

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

Open image

About #9E2F8C

#9E2F8C converts to RGB(158, 47, 140) and HSL(310, 54%, 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).

#9E2F8C FAQs

What is the RGB value of #9E2F8C?
RGB: 158, 47, 140. Copy as CSS: rgb(158, 47, 140)
Is #9E2F8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9E2F8C?
Complement: #2f9d41.
Does #9E2F8C have good contrast on white or black?
On white: 6.48:1 (AA (normal text)). On black: 3.24:1 (AA (large text)).