#9581CC

Color Details

HEX
#9581CC
RGB
rgb(149, 129, 204)
HSL
hsl(256, 42%, 65%)
CMYK
cmyk(27%, 37%, 0%, 20%)
Best text on this color #000000 (CR 6.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9581cc
Contrast 6.29:1 AA
White on #9581cc
Contrast 3.34:1 Fail
#9581cc on Black
Contrast 6.29:1 AA
#9581cc on White
Contrast 3.34:1 Fail

Tints & Shades

#aa9ad6
#bfb3e0
#d5cdeb
#7767a3
#594d7a
#3c3452

Complement & Analogous

#b7cb80
#ba80cb
#8092cb

Triadic

#cb9480
#80cb94

Monochrome

#3c3452 #594d7a #9581cc #bfb3e0 #d5cdeb #eae6f5

Analogous

#8092cb #a6b3db #9581cc #c899d5 #ba80cb #9566a2

Complementary Mix

#594d7a #9581cc #bfb3e0 #b7cb80 #d0ddac #778453

Nearby Colors

#9581cb
#9581cd
#9581bc
#9581dc

Embed #9581CC swatch

Embed this swatch

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

Open image

About #9581CC

#9581CC converts to RGB(149, 129, 204) and HSL(256, 42%, 65%). 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).

#9581CC FAQs

What is the RGB value of #9581CC?
RGB: 149, 129, 204. Copy as CSS: rgb(149, 129, 204)
Is #9581CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9581CC?
Complement: #b7cb80.
Does #9581CC have good contrast on white or black?
On white: 3.34:1 (AA (large text)). On black: 6.29:1 (AA (normal text)).