#9E48CC

Color Details

HEX
#9E48CC
RGB
rgb(158, 72, 204)
HSL
hsl(279, 56%, 54%)
CMYK
cmyk(23%, 65%, 0%, 20%)
Best text on this color #FFFFFF (CR 4.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9e48cc
Contrast 4.25:1 Fail
White on #9e48cc
Contrast 4.94:1 AA
#9e48cc on Black
Contrast 4.25:1 Fail
#9e48cc on White
Contrast 4.94:1 AA

Tints & Shades

#b16dd6
#c591e0
#d8b6eb
#7e3aa3
#5f2b7a
#3f1d52

Complement & Analogous

#76cb48
#cb48b8
#5c48cb

Triadic

#cb9d48
#48cb9d

Monochrome

#3f1d52 #5f2b7a #9e48cc #c591e0 #d8b6eb #ecdaf5

Analogous

#5c48cb #8d7fdb #9e48cc #d56dc6 #cb48b8 #a23a93

Complementary Mix

#5f2b7a #9e48cc #c591e0 #76cb48 #a6dd88 #4d842f

Nearby Colors

#9e48cb
#9e48cd
#9e48bc
#9e48dc

Embed #9E48CC swatch

Embed this swatch

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

Open image

About #9E48CC

#9E48CC converts to RGB(158, 72, 204) and HSL(279, 56%, 54%). 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).

#9E48CC FAQs

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