#9A7CEC

Color Details

HEX
#9A7CEC
RGB
rgb(154, 124, 236)
HSL
hsl(256, 75%, 71%)
CMYK
cmyk(35%, 47%, 0%, 7%)
Best text on this color #000000 (CR 6.47:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9a7cec
Contrast 6.47:1 AA
White on #9a7cec
Contrast 3.25:1 Fail
#9a7cec on Black
Contrast 6.47:1 AA
#9a7cec on White
Contrast 3.25:1 Fail

Tints & Shades

#ae96f0
#c2b0f4
#d7cbf7
#7b63bd
#5c4a8e
#3e325e

Complement & Analogous

#cfed7e
#d37eed
#7e97ed

Triadic

#ed9b7e
#7eed9b

Monochrome

#3e325e #5c4a8e #9a7cec #c2b0f4 #d7cbf7 #ebe5fb

Analogous

#7e97ed #a5b6f2 #9a7cec #dc98f1 #d37eed #a965be

Complementary Mix

#5c4a8e #9a7cec #c2b0f4 #cfed7e #e0f3ab #879a52

Nearby Colors

#9a7ceb
#9a7ced
#9a7cdc
#9a7cfc

Embed #9A7CEC swatch

Embed this swatch

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

Open image

About #9A7CEC

#9A7CEC converts to RGB(154, 124, 236) and HSL(256, 75%, 71%). 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).

#9A7CEC FAQs

What is the RGB value of #9A7CEC?
RGB: 154, 124, 236. Copy as CSS: rgb(154, 124, 236)
Is #9A7CEC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9A7CEC?
Complement: #cfed7e.
Does #9A7CEC have good contrast on white or black?
On white: 3.25:1 (AA (large text)). On black: 6.47:1 (AA (normal text)).