mediumpurple — #9370DB
#9370DB
rgb(147, 112, 219) · hsl(260, 60%, 65%) · CSS keyword mediumpurple
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| mediumpurple on white | 3.76:1 | — | AA |
| mediumpurple on black | 5.58:1 | AA | AA |
As a background, mediumpurple takes black text: 5.58:1 against 3.76: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: mediumpurple;
color: #9370db;
color: rgb(147 112 219);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 mediumpurple
- mediumslateblue — #7B68EE
- slateblue — #6A5ACD
- mediumorchid — #BA55D3
- lightslategray — #778899
- slategray — #708090
- gray — #808080
Frequently asked questions
What is the hex code for mediumpurple?
The hex code for mediumpurple is #9370DB — RGB 147, 112, 219.
Can I use mediumpurple for text?
Only for large text. mediumpurple reaches 3.76: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 mediumpurple be black or white?
Black — 5.58:1 against 3.76:1 the other way.
Other named colours
- mediumseagreen — #3CB371
- mediumslateblue — #7B68EE
- mediumspringgreen — #00FA9A
- mediumturquoise — #48D1CC
- mediumvioletred — #C71585
- midnightblue — #191970
- mintcream — #F5FFFA
- mistyrose — #FFE4E1
- moccasin — #FFE4B5
- navajowhite — #FFDEAD
- navy — #000080
- oldlace — #FDF5E6
#9370DB in full — tints, shades and harmonies · All named colours · Colour reference