MediumPurple Color — HEX, RGB, HSL, Palettes & Contrast

MediumPurple (#9370db): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use MediumPurple in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

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

Triadic Colors

#9370db
#db9470
#70db94

Split Complementary

#9370db
#dbc970
#82db70

Tetradic Colors

#9370db
#db70b8
#b8db70
#70db94

CSS Code

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

/* As a CSS custom property */
:root {
  --color-mediumpurple: #9370db;
}

Accessibility Score

75 / 100
Rating: Good
✓ AA contrast on best text color (30 pts)
✗ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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

Related Colors

MediumSlateBlue
SlateBlue
BlueViolet
Orchid
Plum

Related Tools

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. For a triadic scheme, combine with #db9470 and #70db94.