#9F9CEC

Color Details

HEX
#9F9CEC
RGB
rgb(159, 156, 236)
HSL
hsl(242, 68%, 77%)
CMYK
cmyk(33%, 34%, 0%, 7%)
Best text on this color #000000 (CR 8.44:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9f9cec
Contrast 8.44:1 AAA
White on #9f9cec
Contrast 2.49:1 Fail
#9f9cec on Black
Contrast 8.44:1 AAA
#9f9cec on White
Contrast 2.49:1 Fail

Tints & Shades

#b2b0f0
#c5c4f4
#d9d7f7
#7f7dbd
#5f5e8e
#403e5e

Complement & Analogous

#eaec9c
#c79cec
#9cc2ec

Triadic

#ec9f9c
#9cec9f

Monochrome

#403e5e #5f5e8e #9f9cec #c5c4f4 #d9d7f7 #ecebfb

Analogous

#9cc2ec #bad4f2 #9f9cec #d2b0f0 #c79cec #9f7dbd

Complementary Mix

#5f5e8e #9f9cec #c5c4f4 #eaec9c #f1f3bf #989965

Nearby Colors

#9f9ceb
#9f9ced
#9f9cdc
#9f9cfc

Embed #9F9CEC swatch

Embed this swatch

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

Open image

About #9F9CEC

#9F9CEC converts to RGB(159, 156, 236) and HSL(242, 68%, 77%). 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).

#9F9CEC FAQs

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