#9F96E5

Color Details

HEX
#9F96E5
RGB
rgb(159, 150, 229)
HSL
hsl(247, 60%, 74%)
CMYK
cmyk(31%, 34%, 0%, 10%)
Best text on this color #000000 (CR 7.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9f96e5
Contrast 7.97:1 AAA
White on #9f96e5
Contrast 2.64:1 Fail
#9f96e5 on Black
Contrast 7.97:1 AAA
#9f96e5 on White
Contrast 2.64:1 Fail

Tints & Shades

#b2abea
#c5c0ef
#d9d5f5
#7f78b7
#5f5a89
#403c5c

Complement & Analogous

#dbe495
#c695e4
#95b3e4

Triadic

#e49e95
#95e49e

Monochrome

#403c5c #5f5a89 #9f96e5 #c5c0ef #d9d5f5 #eceafa

Analogous

#95b3e4 #b5caec #9f96e5 #d1aae9 #c695e4 #9e77b6

Complementary Mix

#5f5a89 #9f96e5 #c5c0ef #dbe495 #e8edba #8e9461

Nearby Colors

#9f96e4
#9f96e6
#9f96d5
#9f96f5

Embed #9F96E5 swatch

Embed this swatch

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

Open image

About #9F96E5

#9F96E5 converts to RGB(159, 150, 229) and HSL(247, 60%, 74%). 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).

#9F96E5 FAQs

What is the RGB value of #9F96E5?
RGB: 159, 150, 229. Copy as CSS: rgb(159, 150, 229)
Is #9F96E5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9F96E5?
Complement: #dbe495.
Does #9F96E5 have good contrast on white or black?
On white: 2.64:1 (Fails AA). On black: 7.97:1 (AAA (normal text)).