blueviolet — #8A2BE2
#8A2BE2
rgb(138, 43, 226) · hsl(271, 76%, 53%) · CSS keyword blueviolet
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| blueviolet on white | 5.96:1 | AA | AA |
| blueviolet on black | 3.52:1 | — | AA |
As a background, blueviolet takes white text: 5.96:1 against 3.52: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: blueviolet;
color: #8a2be2;
color: rgb(138 43 226);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 blueviolet
- darkorchid — #9932CC
- rebeccapurple — #663399
- darkviolet — #9400D3
- slateblue — #6A5ACD
- mediumorchid — #BA55D3
- darkmagenta — #8B008B
Frequently asked questions
What is the hex code for blueviolet?
The hex code for blueviolet is #8A2BE2 — RGB 138, 43, 226.
Can I use blueviolet for text?
Yes. blueviolet reaches 5.96:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on blueviolet be black or white?
White — 5.96:1 against 3.52:1 the other way.
Other named colours
- brown — #A52A2A
- burlywood — #DEB887
- cadetblue — #5F9EA0
- chartreuse — #7FFF00
- chocolate — #D2691E
- coral — #FF7F50
- cornflowerblue — #6495ED
- cornsilk — #FFF8DC
- crimson — #DC143C
- cyan — #00FFFF
- darkblue — #00008B
- darkcyan — #008B8B
#8A2BE2 in full — tints, shades and harmonies · All named colours · Colour reference