mediumslateblue — #7B68EE
#7B68EE
rgb(123, 104, 238) · hsl(249, 80%, 67%) · CSS keyword mediumslateblue
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| mediumslateblue on white | 4.15:1 | — | AA |
| mediumslateblue on black | 5.06:1 | AA | AA |
As a background, mediumslateblue takes black text: 5.06:1 against 4.15: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: mediumslateblue;
color: #7b68ee;
color: rgb(123 104 238);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 mediumslateblue
- mediumpurple — #9370DB
- slateblue — #6A5ACD
- royalblue — #4169E1
- slategray — #708090
- cornflowerblue — #6495ED
- lightslategray — #778899
Frequently asked questions
What is the hex code for mediumslateblue?
The hex code for mediumslateblue is #7B68EE — RGB 123, 104, 238.
Can I use mediumslateblue for text?
Only for large text. mediumslateblue reaches 4.15: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 mediumslateblue be black or white?
Black — 5.06:1 against 4.15:1 the other way.
Other named colours
- mediumspringgreen — #00FA9A
- mediumturquoise — #48D1CC
- mediumvioletred — #C71585
- midnightblue — #191970
- mintcream — #F5FFFA
- mistyrose — #FFE4E1
- moccasin — #FFE4B5
- navajowhite — #FFDEAD
- navy — #000080
- oldlace — #FDF5E6
- olive — #808000
- olivedrab — #6B8E23
#7B68EE in full — tints, shades and harmonies · All named colours · Colour reference