#9E2DCC

Color Details

HEX
#9E2DCC
RGB
rgb(158, 45, 204)
HSL
hsl(283, 64%, 49%)
CMYK
cmyk(23%, 78%, 0%, 20%)
Best text on this color #FFFFFF (CR 5.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9e2dcc
Contrast 3.70:1 Fail
White on #9e2dcc
Contrast 5.67:1 AA
#9e2dcc on Black
Contrast 3.70:1 Fail
#9e2dcc on White
Contrast 5.67:1 AA

Tints & Shades

#b157d6
#c581e0
#d8abeb
#7e24a3
#5f1b7a
#3f1252

Complement & Analogous

#5acd2d
#cd2daa
#502dcd

Triadic

#cda02d
#2dcda0

Monochrome

#3f1252 #5f1b7a #9e2dcc #c581e0 #d8abeb #ecd5f5

Analogous

#502dcd #856cdc #9e2dcc #d757bb #cd2daa #a42488

Complementary Mix

#5f1b7a #9e2dcc #c581e0 #5acd2d #94df77 #3b851d

Nearby Colors

#9e2dcb
#9e2dcd
#9e2dbc
#9e2ddc

Embed #9E2DCC swatch

Embed this swatch

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

Open image

About #9E2DCC

#9E2DCC converts to RGB(158, 45, 204) and HSL(283, 64%, 49%). 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).

#9E2DCC FAQs

What is the RGB value of #9E2DCC?
RGB: 158, 45, 204. Copy as CSS: rgb(158, 45, 204)
Is #9E2DCC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9E2DCC?
Complement: #5acd2d.
Does #9E2DCC have good contrast on white or black?
On white: 5.67:1 (AA (normal text)). On black: 3.70:1 (AA (large text)).