Skip to content
PantoneTools
purple
CSS Named Colors

Mediumorchid

mediumorchid · #BA55D3

HEX

#BA55D3

RGB

rgb(186, 85, 211)

CMYK

cmyk(12%, 60%, 0%, 17%)

HSL

hsl(288, 59%, 58%)

LAB

lab(53.6, 59.1, -47.4)

What is Mediumorchid?

Mediumorchid is the mediumorchid reference in the CSS Named Colors. Its sRGB value is #BA55D3 (rgb 186, 85, 211). It sits in the purple family. The 147 named colors defined by the W3C CSS Color Module Level 4 specification — usable directly in CSS as keywords like 'crimson' or 'rebeccapurple'. See disclaimer for accuracy and trademark notes.

Accessibility

WCAG 2.1 contrast checks for Mediumorchid as a background.

Black text on this color

Sample text · 5.33 : 1
AA Normal
AA Large
AAA Normal
AAA Large

White text on this color

Sample text · 3.94 : 1
AA Normal
AA Large
AAA Normal
AAA Large

Shades, tints & tonal scale of Mediumorchid

An 11-step tonal scale derived from Mediumorchid (#BA55D3). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.

Copied #F9F1FB

50

#F9F1FB

#F9F1FB

Copied #F4E4F8

100

#F4E4F8

#F4E4F8

Copied #E9C9F1

200

#E9C9F1

#E9C9F1

Copied #DDAAE9

300

#DDAAE9

#DDAAE9

Copied #CB80DE

400

#CB80DE

#CB80DE

Copied #BA55D3

500

#BA55D3

#BA55D3

Copied #9E48B3

600

#9E48B3

#9E48B3

Copied #793789

700

#793789

#793789

Copied #54265F

800

#54265F

#54265F

Copied #2F1535

900

#2F1535

#2F1535

Copied #160A19

950

#160A19

#160A19

Lighter tints (mixed with white)

Copied #C683DA

15%

#C683DA

Copied #D2A2E1

30%

#D2A2E1

Copied #DDBCE8

45%

#DDBCE8

Copied #E7D1EF

60%

#E7D1EF

Copied #F0E4F5

75%

#F0E4F5

Darker shades (mixed with black)

Copied #AD4FC4

15%

#AD4FC4

Copied #9E47B4

30%

#9E47B4

Copied #8E3FA1

45%

#8E3FA1

Copied #7B368C

60%

#7B368C

Copied #622A70

75%

#622A70

Color harmonies for Mediumorchid

Classic color-theory harmonies derived from rotating the hue of Mediumorchid. Use these to build accent palettes, brand systems, and accessible UI color pairings.

Complementary

180° opposite — strongest contrast

Copied #BA55D3

#BA55D3

#BA55D3

Copied #6ED355

#6ED355

#6ED355

Triadic

Three colors 120° apart

Copied #BA55D3

#BA55D3

#BA55D3

Copied #D3BA55

#D3BA55

#D3BA55

Copied #55D3BA

#55D3BA

#55D3BA

Analogous

Two neighbors ±30° on the wheel

Copied #7B55D3

#7B55D3

#7B55D3

Copied #BA55D3

#BA55D3

#BA55D3

Copied #D355AD

#D355AD

#D355AD

Split-complementary

Base + two colors flanking its complement

Copied #BA55D3

#BA55D3

#BA55D3

Copied #ADD355

#ADD355

#ADD355

Copied #55D37B

#55D37B

#55D37B

Tetradic

Two complementary pairs

Copied #BA55D3

#BA55D3

#BA55D3

Copied #D3556E

#D3556E

#D3556E

Copied #6ED355

#6ED355

#6ED355

Copied #55D3BA

#55D3BA

#55D3BA

Square

Four colors evenly spaced 90° apart

Copied #BA55D3

#BA55D3

#BA55D3

Copied #D37B55

#D37B55

#D37B55

Copied #6ED355

#6ED355

#6ED355

Copied #55ADD3

#55ADD3

#55ADD3

Mediumorchid in every color space

Full conversion of Mediumorchid across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.

HEX

#BA55D3

RGB

rgb(186, 85, 211)

CMYK

cmyk(12%, 60%, 0%, 17%)

HSL

hsl(288, 59%, 58%)

HSV

hsv(288, 60%, 83%)

HWB

hwb(288 33% 17%)

CIE Lab

lab(53.6 59.1 -47.4)

OKLCH

oklch(62.6% 0.202 319.2)

XYZ (D65)

xyz(35.25, 21.64, 63.94)

Copy-ready code for Mediumorchid

Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.

CSS

color: #BA55D3;
background-color: #BA55D3;

CSS variable

:root {
  --color-mediumorchid: #BA55D3;
}

Tailwind config

// tailwind.config.js
colors: {
  'mediumorchid': '#BA55D3',
}

Sass

$color-mediumorchid: #BA55D3;

Swift UIColor

UIColor(red: 0.729, green: 0.333, blue: 0.827, alpha: 1.0)

Android XML

<color name="mediumorchid">#BA55D3</color>

Closest match in every color system

The nearest Mediumorchid equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.

Closest in CSS Named Colors

Top 6 ΔE2000-closest entries within the same collection.

Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.

Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.

Copied #7E8B92

RAL 7000

#7E8B92

Squirrel grey

Copied #8F999F

RAL 7001

#8F999F

Silver grey

Copied #924E7D

RAL 4008

#924E7D

Signal violet

Copied #DE4C8A

RAL 4003

#DE4C8A

Heather violet

Copied #A03472

RAL 4006

#A03472

Traffic purple

Copied #6C4675

RAL 4005

#6C4675

Blue lilac

FAQ about Mediumorchid

What is the HEX code for Mediumorchid?

Mediumorchid (mediumorchid) has the HEX code #BA55D3. In RGB it is rgb(186, 85, 211), and in CMYK it is cmyk(12%, 60%, 0%, 17%).

What is the OKLCH value of Mediumorchid?

Mediumorchid converts to oklch(0.626 0.202 319.2). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.

Is Mediumorchid accessible for body text?

Used as a background, Mediumorchid has a contrast ratio of 5.33:1 with black text and 3.94:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use black text and verify in real UI context.

What is the closest Pantone to Mediumorchid?

The closest Pantone reference to Mediumorchid by ΔE2000 perceptual distance is Pantone 253 C (#AC4FC6). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.

What is the closest RAL color to Mediumorchid?

The closest RAL Classic reference to Mediumorchid by ΔE2000 distance is RAL 7000 (Squirrel grey, #7E8B92). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.

What is the complementary color of Mediumorchid?

The complementary color (180° opposite on the HSL color wheel) of Mediumorchid is #6ED355. Use it for high-contrast accents, error states, or call-to-action pairings.

Data provenance & source

CSS Named Colors (CSS Color Module Level 4)

The 147 named colors defined by the W3C CSS Color Module Level 4 specification. Origin: VGA (16) + X11 (rest) + 'rebeccapurple'. Use as a reference for web color names that all browsers natively support. Names like 'crimson' or 'rebeccapurple' work as CSS values without any framework.

Source type
derived
Confidence
high
License
W3C permissive document license
Last reviewed
2026-05-24

Workflow tags

css
web-standard
named-keyword
purple

CSS named colors are sRGB digital values defined for browsers. For print, convert to a process-appropriate color and proof against substrate.

CSS Named Colors · Mediumorchid — #BA55D3 | PantoneTools