HEX Color #9957A0 (Mediumpurple)

About #9957A0

At its core, #9957A0 is a medium and muted hue. If you're using CSS, you might find it aligns closely with Mediumpurple. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 87, and 160.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 4% cyan and 46% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#9957A0

RGB153, 87, 160

HSL294.2°, 29.6%, 48.4%

CMYK4%, 46%, 0%, 37%

HSV294.2°, 45.6%, 62.7%

LAB47.1, 38.9, -28.4

XYZ22.9, 16.1, 35.2

Decimal10049440

Color Harmonies

Complementary

#9957A0 #5EA057

Analogous

#7457A0 #A05782

Triadic

#A09957 #57A099

Tetradic

#A07457 #5EA057 #5782A0

Tints, Shades & Tones

Tints (Adding White)

#9957A0

#A469AA

#AF7CB5

#BB8FBF

#C6A1CA

#D1B4D4

#DDC7DF

#E8D9E9

#F3ECF4

#FFFFFF

Shades (Adding Black)

#9957A0

#884D8E

#77437C

#663A6A

#553058

#442647

#331D35

#221323

#110911

#000000

WCAG Contrast Accessibility

4.97:1

Text on #FFFFFF

AA

4.23:1

Text on #000000

AA Large

4.75:1

Text on #F8FAFC

AA

3.59:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #9957A0; }

.text-color { color: #9957A0; }

.border-color { border: 2px solid #9957A0; }

Similar Colors

Mediumpurple

#9370DB