Mediumpurple to HSL — Color Code

#9370db
Format Value
HEX #9370db
RGB rgb(147, 112, 219)
HSL hsl(259.6, 59.8%, 64.9%)
CMYK cmyk(32.9%, 48.9%, 0%, 14.1%)
HSV hsv(259.6, 48.9%, 85.9%)

mediumpurple color harmonies

Tints & shades of mediumpurple

Tints (lighter)

#9d7dde #a78ae2 #b097e5 #baa4e8 #c4b1eb #cebeef #d8cbf2 #e2d8f5 #ebe5f8 #f5f2fc

Shades (darker)

#8666c7 #785cb3 #6b519f #5e478b #503d77 #433364 #352950 #281f3c #1b1428 #0d0a14

Contrast & accessibility

The quick brown fox

On white · 3.76:1 · AA Large

The quick brown fox

On black · 5.58:1 · AA

Recommended text color: #000000

Use mediumpurple in code

CSS color: #9370db;
SCSS $color: #9370db;
Tailwind bg-[#9370db]
Swift UIColor(red: 0.576, green: 0.439, blue: 0.859, alpha: 1)
Android Color.parseColor("#9370db")
Flutter Color(0xFF9370DB)

Colors similar to mediumpurple

Browse all Blue colors →

What is the HSL code for mediumpurple?

The CSS color mediumpurple in HSL format is hsl(259.6, 59.8%, 64.9%). Use this value directly in CSS, SVG, and most design tools.

How do I use mediumpurple in CSS?

To apply mediumpurple in CSS:

  • Text color: color: hsl(259.6, 59.8%, 64.9%);
  • Background: background-color: hsl(259.6, 59.8%, 64.9%);
  • Border: border-color: hsl(259.6, 59.8%, 64.9%);

What are all the color format values for mediumpurple?

FormatValue
HEX#9370db
RGBrgb(147, 112, 219)
HSLhsl(259.6, 59.8%, 64.9%)
CMYKcmyk(32.9%, 48.9%, 0%, 14.1%)

How do I convert mediumpurple to HSL?

Select mediumpurple from the color name list in our color converter. The HSL value — hsl(259.6, 59.8%, 64.9%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does mediumpurple belong to?

mediumpurple belongs to the blue color family. It is a medium, moderately saturated color with HSL values: hue 259.6°, saturation 59.8%, lightness 64.9%.

How do I create lighter and darker shades of mediumpurple?

Lighter variant (lightness 79.9%): #c1adea. Darker variant (lightness 49.900000000000006%): #6533cb. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.