Medium Purple #9370DB

Medium Purple#9370DB · rgb(147, 112, 219)

Medium Purple color codes

CSS namemediumpurple
HEX#9370DB
RGBrgb(147, 112, 219)
HSLhsl(260, 60%, 65%)
CMYKcmyk(33%, 49%, 0%, 14%)
Decimal9662683

Shades of Medium Purple (darker)

#8465C5 · #765AAF · #674E99 · #584383 · #4A386E · #3B2D58 · #2C2242 · #1D162C · #0F0B16

Tints of Medium Purple (lighter)

#9E7EDF · #A98DE2 · #B39BE6 · #BEA9E9 · #C9B8ED · #D4C6F1 · #DFD4F4 · #E9E2F8 · #F4F1FB

Color harmonies

Complementary
#B8DB70
Triadic
#DB9470, #70DB94
Analogous
#7082DB, #C970DB

Accessibility (WCAG contrast)

White text on Medium Purple3.76:1 · AA large text only
Black text on Medium Purple5.58:1 · AA

Use Medium Purple in code

.element {
  color: mediumpurple;          /* or #9370db */
  background-color: rgb(147 112 219 / 0.5);
}

Frequently asked questions

What is the hex code for Medium Purple?

Medium Purple is #9370DB in HEX, rgb(147, 112, 219) in RGB and hsl(260, 60%, 65%) in HSL.

Can I use "mediumpurple" directly in CSS?

Yes. "mediumpurple" is one of the 148 standard CSS named colors, so color: mediumpurple; works in every browser.

Is Medium Purple readable on white?

The contrast ratio of Medium Purple on white is 3.76:1 (WCAG AA large text only). On black it is 5.58:1 (AA).

What is the complementary color of Medium Purple?

The complementary color (opposite on the color wheel) is #B8DB70.

Similar colors

Medium Slate Blue#7B68EEMedium Orchid#BA55D3Slate Blue#6A5ACDCornflower Blue#6495EDDark Orchid#9932CCBlue Violet#8A2BE2Orchid#DA70D6Light Slate Gray#778899

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.