#9F87CC

Color Details

HEX
#9F87CC
RGB
rgb(159, 135, 204)
HSL
hsl(261, 40%, 66%)
CMYK
cmyk(22%, 34%, 0%, 20%)
Best text on this color #000000 (CR 6.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9f87cc
Contrast 6.81:1 AA
White on #9f87cc
Contrast 3.08:1 Fail
#9f87cc on Black
Contrast 6.81:1 AA
#9f87cc on White
Contrast 3.08:1 Fail

Tints & Shades

#b29fd6
#c5b7e0
#d9cfeb
#7f6ca3
#5f517a
#403652

Complement & Analogous

#b3cb86
#c186cb
#8690cb

Triadic

#cb9e86
#86cb9e

Monochrome

#403652 #5f517a #9f87cc #c5b7e0 #d9cfeb #ece7f5

Analogous

#8690cb #aab1db #9f87cc #cd9ed5 #c186cb #9a6ba2

Complementary Mix

#5f517a #9f87cc #c5b7e0 #b3cb86 #ceddb0 #748457

Nearby Colors

#9f87cb
#9f87cd
#9f87bc
#9f87dc

Embed #9F87CC swatch

Embed this swatch

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

Open image

About #9F87CC

#9F87CC converts to RGB(159, 135, 204) and HSL(261, 40%, 66%). 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).

#9F87CC FAQs

What is the RGB value of #9F87CC?
RGB: 159, 135, 204. Copy as CSS: rgb(159, 135, 204)
Is #9F87CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9F87CC?
Complement: #b3cb86.
Does #9F87CC have good contrast on white or black?
On white: 3.08:1 (AA (large text)). On black: 6.81:1 (AA (normal text)).