MediumPurple Color

Learn about MediumPurple (#9370db): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#9370db
HEX #9370db
RGB rgb(147, 112, 219)
HSL 260°, 60%, 65%

About MediumPurple Color

MediumPurple is a balanced, medium purple that feels creative yet approachable. It is suitable for branding, creative portfolios, and wellness apps.

Use Cases for MediumPurple

creative portfolioswellness appsbrandingmeditationsoft accents

Shades & Tints of MediumPurple

#ffffff
#e4dbf6
#c9b8ed
#ae94e4
#9370db
#6e54a4
#4a386e
#251c37
#000000

Complementary Color

#9370db
#b8db70

Analogous Colors

#7082db
#9370db
#c970db

CSS Code

.mediumpurple-color {
  color: #9370db;
}

Contrast Recommendations

Black text on MediumPurple
Ratio: 5.58:1 ✓ Passes AA ✗ Fails AAA
White text on MediumPurple
Ratio: 3.76:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is MediumPurple?

MediumPurple is represented by the hex code #9370db and has RGB values of rgb(147, 112, 219). It falls under the Purple category.

How to use MediumPurple in web design?

MediumPurple works well for creative portfolios, wellness apps, branding. MediumPurple is a balanced, medium purple that feels creative yet approachable. It is suitable for branding, creative portfolios, and wellness apps. Use it as a primary color, accent, or background depending on your design needs.

What colors go with MediumPurple?

Colors that pair well with MediumPurple include mediumslateblue, slateblue, blueviolet, orchid, plum. For a complementary scheme, try #b8db70. For an analogous scheme, use #7082db and #c970db.