About Medium Purple
Medium Purple (mediumpurple) is a light, vivid purple with the hex code #9370db, or rgb(147, 112, 219). In HSL it sits at a hue of 260°, 60% saturation and 65% lightness. It is one of the 148 named colors every browser understands, so you can write color: mediumpurple; instead of the hex value.
Using Medium Purple for text and backgrounds
| Pairing | Contrast ratio | WCAG |
|---|---|---|
| Medium Purple text on white | 3.76 : 1 | AA large text only |
| Medium Purple text on black | 5.58 : 1 | AA |
On a medium purple background, use black text (5.58 : 1). WCAG asks for at least 4.5 : 1 for body text and 3 : 1 for large text. Check other pairs with the Contrast Checker.
CSS
.element {
color: mediumpurple; /* or #9370db */
background-color: #9370db;
border: 1px solid rgb(147 112 219 / 50%);
}Similar named colors
Medium Slate Blue (#7b68ee), Medium Orchid (#ba55d3), Slate Blue (#6a5acd), Cornflower Blue (#6495ed), Dark Orchid (#9932cc), Blue Violet (#8a2be2).
Color Name FinderPaste a HEX code to get its closest human-readable name and clean token names for your CSS, SCSS, JavaScript or Tailwind config.
Open the tool Frequently asked questions
What is the hex code for medium purple?
#9370db — that is rgb(147, 112, 219) and hsl(260, 60%, 65%). In CSS you can also just write mediumpurple.
Is medium purple text readable on white?
Its contrast ratio on white is 3.76 : 1, which passes only for large text (WCAG AA large).
What colors go well with medium purple?
Its complementary color is #b8db70; analogous colors #7082db and #c970db sit next to it on the color wheel.