- No data uploaded
- Instant results
Medium Orchid — #BA55D3
Medium Orchid is the CSS named colour mediumorchid, hex #BA55D3. It has a contrast ratio of 3.94:1 on white and 5.33:1 on black — best used as text on dark backgrounds.
Medium Orchid — #BA55D3
Contrast on white 3.94:1 · on black 5.33:1
Tints
Shades
Complementary
Triadic
Analogous
Using Medium Orchid in code
CSS: color: mediumorchid; or color: #BA55D3; · Tailwind: text-[#BA55D3] · Android/Flutter: 0xFFBA55D3
Medium Orchid colour harmonies
Complementary: #6ED355 · Triadic: #D3BA55, #55D3BA · Analogous: #7B55D3, #D355AD. Use tints for backgrounds and shades for hover states.
Medium Orchid in every colour format
| Format | Value |
|---|---|
| HEX | #BA55D3 |
| RGB | rgb(186, 85, 211) |
| HSL | hsl(288, 59%, 58%) |
| HSV | hsv(288, 60%, 83%) |
| CMYK | cmyk(12%, 60%, 0%, 17%) |
| CSS name | mediumorchid |
| Contrast on white | 3.94:1 |
| Contrast on black | 5.33:1 |
Frequently asked questions
What is the hex code for Medium Orchid?
#BA55D3 (CSS name: mediumorchid).
What is Medium Orchid in RGB?
rgb(186, 85, 211)
What colour goes well with Medium Orchid?
Its complementary colour #6ED355, or the analogous #7B55D3 and #D355AD.