Gradient Page

#9370DB

#9370DB is the HEX color code for
Medium Purple
#9370DB

Medium Purple

Contrast
Light
Luminance
53%
Color Conversions
Formats for Medium Purple (#9370DB) in various color spaces.
#9370DB
147, 112, 219
260°, 60%, 65%
33%, 49%, 0%, 14%
0.627, 0.158, 296.7
--color-medium-purple: #9370DB;

Shades & Tints

#f0ebfa
#d1c2f0
#b399e6
#9470db
#7547d1
#5c2eb8
#47248f
#331a66
#1f0f3d
#0a0514
DarkestBaseLightest

Color Harmonies

Complementary

#9370DB
#b8db70

Analogous

#7082db
#9370DB
#c970db

Triadic

#9370DB
#db9470
#70db94

Split Complementary

#9370DB
#dbc970
#82db70

UI Component Examples

See how #9370DB looks when applied to real interface components.

Interactive Elements
Surface & Accent
Pro Tip!

Use lighter tints for backgrounds to maintain readability while keeping brand identity.

Status Indicator
Active
# CSS Variables
Copy-paste these variables into your global CSS to use this palette instantly.
:root {
  /* Medium Purple Base */
  --color-primary: #9370DB;
  --color-primary-rgb: 147 112 219;
  --color-primary-hsl: 260 60% 65%;
  
  /* Foreground text color based on contrast */
  --color-primary-foreground: #000000;

  /* Shades */
  --color-primary-50:  #f0ebfa;
  --color-primary-100: #d1c2f0;
  --color-primary-200: #b399e6;
  --color-primary-300: #9470db;
  --color-primary-400: #7547d1;
  --color-primary-500: #5c2eb8;
  --color-primary-600: #47248f;
  --color-primary-700: #331a66;
  --color-primary-800: #1f0f3d;
  --color-primary-900: #0a0514;
}

Want more?

We hope you enjoyed this color. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names
#9370DB Hex Color | Medium Purple sl | UI Color Scheme Generator