purplecoolCSS named color

Mediumorchid #BA55D3

Mediumorchid 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: Creative accents · Royal themes

Open in generator →

Families: Purples · Violet Colors · Magenta Colors

Color values

FormatValue
HEX#BA55D3
RGBrgb(186, 85, 211)
HSLhsl(288, 59%, 58%)
HSVhsv(288, 60%, 83%)
OKLCHoklch(62.56% 0.202 319.2)
OKLaboklab(62.56% 0.1533 -0.1322)
CMYKcmyk(11.8%, 59.7%, 0%, 17.3%)
XYZxyz(35.2546, 21.6408, 63.9354)
CIE-LABlab(53.6, 59.1, -47.4)
CIE-LCHlch(53.6, 75.7, 321.2°)
Luminance0.216 (WCAG relative)
/* Mediumorchid */ --mediumorchid: #ba55d3; color: #ba55d3; background-color: #ba55d3;

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

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)

#a64dbc #9245a5 #7f3d8f #6c3679 #5a2e64 #482650 #371f3c #27172a #180f19 #000000

Tints (toward white)

#c268d8 #ca79dc #d28ae1 #d99be5 #e0acea #e7bcee #edcdf3 #f3def7 #f9eefb #ffffff

Tones (toward gray)

#b55bcb #b061c2 #ab66ba #a56bb2 #9f6fa9 #9a73a1 #947799 #8d7a91 #877d88 #808080

Color harmonies

Complementary

Edit in generator →
#BA55D3
#6ED355
#ba55d3 #6ed355

Analogous

Edit in generator →
#7B55D3
#BA55D3
#D355AD
#7b55d3 #ba55d3 #d355ad

Triadic

Edit in generator →
#BA55D3
#D3BA55
#55D3BA
#ba55d3 #d3ba55 #55d3ba

Tetradic

Edit in generator →
#BA55D3
#D37B55
#6ED355
#55ADD3
#ba55d3 #d37b55 #6ed355 #55add3

Square

Edit in generator →
#BA55D3
#D37B55
#6ED355
#55ADD3
#ba55d3 #d37b55 #6ed355 #55add3

Split Complementary

Edit in generator →
#BA55D3
#ADD355
#55D37B
#ba55d3 #add355 #55d37b

Monochromatic

Edit in generator →
#76248A
#9F30BB
#BA55D3
#CE86E0
#E1B6EC
#76248a #9f30bb #ba55d3 #ce86e0 #e1b6ec

Accessibility & contrast

3.94
#BA55D3 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
5.33
#BA55D3 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on mediumorchid

5.33
#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)
#3679D7
Deuteranopia (green-blind)
#5D84D0
Tritanopia (blue-blind)
#BA698C

Closest named colors

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

ColorNameΔE₀₀
Pinky Purple #C94CBE5.23
Purple Pink #D725DE5.81
Amethyst #9B5FC06.09
Heliotrope #D94FF56.30
Bright Lilac #C95EFB6.56
Lighter Purple #A55AF47.08

Colors that go with mediumorchid

Top matches by hue harmony, contrast and saturation compatibility.

Indigo #4B0082
3.3:1
Analogous hue (Δh ≈13°) — neighbors on the color wheel
Dark Blue #00035B
4.6:1
Warm/cool bridge (Δh 50°) — adds depth without tension
Gold #FFD700
2.8:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Pear #CBF85F
3.2:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Light Green #96F97B
3.0:1
Complementary hue (Δh ≈179°) — 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.