Violet hex code
The hex code for violet is #EE82EE. In RGB that is rgb(238, 130, 238) and in HSL it is hsl(300, 76%, 72%).
The hex code for violet is #EE82EE. In RGB that is rgb(238, 130, 238) and in HSL it is hsl(300, 76%, 72%).
Violet · #EE82EE
Colour codes
- HEX
- #EE82EE
- RGB
- rgb(238, 130, 238)
- HSL
- hsl(300, 76%, 72%)
- CMYK
- 0, 45, 0, 7
- CSS name
- violet
- Contrast on white
- 2.32:1
- Contrast on black
- 9.06:1
Tints and shades
20% lighter · #f19bf1
40% lighter · #f5b4f5
60% lighter · #f8cdf8
80% lighter · #fce6fc
20% darker · #be68be
40% darker · #8f4e8f
60% darker · #5f345f
80% darker · #301a30
Complementary colour
Violet · #EE82EE
Opposite on the colour wheel · #81ee81
Frequently asked questions
What is the hex code for violet?
The hex code for violet is #EE82EE. In RGB that is rgb(238, 130, 238) and in HSL it is hsl(300, 76%, 72%).
Can I use violet for text?
It has a contrast ratio of 2.32:1 on white and 9.06:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with violet?
Its complementary colour, opposite on the colour wheel, is #81EE81. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of violet instead.
Is violet a CSS colour name?
Yes. CSS accepts the keyword violet, so color: violet and color: #EE82EE render exactly the same.