bluecoolCSS named color

Mediumpurple #9370DB

Mediumpurple is a medium, moderately saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Lilac Colors · Violet Colors · Periwinkle Colors

Color values

FormatValue
HEX#9370DB
RGBrgb(147, 112, 219)
HSLhsl(260, 60%, 65%)
HSVhsv(260, 49%, 86%)
OKLCHoklch(62.69% 0.158 296.7)
OKLaboklab(62.69% 0.0709 -0.1412)
CMYKcmyk(32.9%, 48.9%, 0%, 14.1%)
XYZxyz(30.6098, 22.9054, 69.8126)
CIE-LABlab(55.0, 36.8, -50.1)
CIE-LCHlch(55.0, 62.2, 306.3°)
Luminance0.229 (WCAG relative)
/* Mediumpurple */ --mediumpurple: #9370db; color: #9370db; background-color: #9370db;

Source: W3C CSS named color. CSS keyword: mediumpurple.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#8364c3 #7459ab #654e94 #57437d #493867 #3b2e52 #2e243e #211b2b #151019 #000000

Tints (toward white)

#9f7edf #aa8ce3 #b69ae7 #c1a8ea #cbb6ee #d6c4f1 #e0d3f5 #ebe1f8 #f5f0fc #ffffff

Tones (toward gray)

#9372d2 #9274c9 #9177c0 #9079b8 #8e7baf #8c7ca6 #8b7e9e #888095 #86828c #848484

Color harmonies

Complementary

Edit in generator →
#9370DB
#B8DB70
#9370db #b8db70

Analogous

Edit in generator →
#7083DB
#9370DB
#C970DB
#7083db #9370db #c970db

Triadic

Edit in generator →
#9370DB
#DB9370
#70DB93
#9370db #db9370 #70db93

Tetradic

Edit in generator →
#9370DB
#DB7083
#B8DB70
#70DBC9
#9370db #db7083 #b8db70 #70dbc9

Square

Edit in generator →
#9370DB
#DB7083
#B8DB70
#70DBC9
#9370db #db7083 #b8db70 #70dbc9

Split Complementary

Edit in generator →
#9370DB
#DBC970
#83DB70
#9370db #dbc970 #83db70

Monochromatic

Edit in generator →
#532AA7
#6E3FCF
#9370DB
#B8A1E7
#DDD2F4
#532aa7 #6e3fcf #9370db #b8a1e7 #ddd2f4

Accessibility & contrast

3.76
#9370DB on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
5.58
#9370DB on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on mediumpurple

5.58
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#4B84DF
Deuteranopia (green-blind)
#5282D8
Tritanopia (blue-blind)
#83849B

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Deep Lilac #966EBD5.87
Mediumslateblue #7B68EE6.11
Light Urple #B36FF66.55
Lighter Purple #A55AF46.76
Amethyst #9B5FC07.28
Deep Lavender #8D5EB78.09

Colors that go with mediumpurple

Top matches by hue harmony, contrast and saturation compatibility.

Dark Indigo #1F0954
4.5:1
Same hue family as mediumpurple (Δh 2°) — guaranteed harmony
Dark Violet #34013F
4.6:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Light Seafoam #A0FEBF
3.1:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Mustard #DBB42C
1.9:1
Split-complementary angle (Δh ≈147°) — strong but softer than direct complement
Pear #CBF85F
3.1:1
Complementary hue (Δh ≈178°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.