Violet #EE82EE

Violet#EE82EE · rgb(238, 130, 238)

Violet color codes

CSS nameviolet
HEX#EE82EE
RGBrgb(238, 130, 238)
HSLhsl(300, 76%, 72%)
CMYKcmyk(0%, 45%, 0%, 7%)
Decimal15631086

Shades of Violet (darker)

#D675D6 · #BE68BE · #A75BA7 · #8F4E8F · #774177 · #5F345F · #472747 · #301A30 · #180D18

Tints of Violet (lighter)

#F08FF0 · #F19BF1 · #F3A8F3 · #F5B4F5 · #F7C1F7 · #F8CDF8 · #FADAFA · #FCE6FC · #FDF3FD

Color harmonies

Complementary
#81EE81
Triadic
#EEEE81, #81EEEE
Analogous
#B881EE, #EE81B8

Accessibility (WCAG contrast)

White text on Violet2.32:1 · Fail
Black text on Violet9.06:1 · AAA

Use Violet in code

.element {
  color: violet;          /* or #ee82ee */
  background-color: rgb(238 130 238 / 0.5);
}

Frequently asked questions

What is the hex code for Violet?

Violet is #EE82EE in HEX, rgb(238, 130, 238) in RGB and hsl(300, 76%, 72%) in HSL.

Can I use "violet" directly in CSS?

Yes. "violet" is one of the 148 standard CSS named colors, so color: violet; works in every browser.

Is Violet readable on white?

The contrast ratio of Violet on white is 2.32:1 (WCAG Fail). On black it is 9.06:1 (AAA).

What is the complementary color of Violet?

The complementary color (opposite on the color wheel) is #81EE81.

Similar colors

Orchid#DA70D6Plum#DDA0DDHot Pink#FF69B4Thistle#D8BFD8Light Pink#FFB6C1Pink#FFC0CBMedium Orchid#BA55D3Light Gray#D3D3D3

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.