mediumorchid — #BA55D3
#BA55D3
rgb(186, 85, 211) · hsl(288, 59%, 58%) · CSS keyword mediumorchid
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| mediumorchid on white | 3.94:1 | — | AA |
| mediumorchid on black | 5.33:1 | AA | AA |
As a background, mediumorchid takes black text: 5.33:1 against 3.94:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: mediumorchid;
color: #ba55d3;
color: rgb(186 85 211);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to mediumorchid
- orchid — #DA70D6
- mediumpurple — #9370DB
- darkorchid — #9932CC
- palevioletred — #DB7093
- mediumslateblue — #7B68EE
- indianred — #CD5C5C
Frequently asked questions
What is the hex code for mediumorchid?
The hex code for mediumorchid is #BA55D3 — RGB 186, 85, 211.
Can I use mediumorchid for text?
Only for large text. mediumorchid reaches 3.94:1 against white — enough for the 3:1 of headings at 24px or 18.5px bold, short of the 4.5:1 body text needs.
Should text on mediumorchid be black or white?
Black — 5.33:1 against 3.94:1 the other way.
Other named colours
- mediumpurple — #9370DB
- mediumseagreen — #3CB371
- mediumslateblue — #7B68EE
- mediumspringgreen — #00FA9A
- mediumturquoise — #48D1CC
- mediumvioletred — #C71585
- midnightblue — #191970
- mintcream — #F5FFFA
- mistyrose — #FFE4E1
- moccasin — #FFE4B5
- navajowhite — #FFDEAD
- navy — #000080
#BA55D3 in full — tints, shades and harmonies · All named colours · Colour reference