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%).

What RGB values make Violet?

Violet is 238 red, 130 green, and 238 blue, written as rgb(238, 130, 238).

Violet scores 2.32:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: violet directly in CSS, which every browser resolves to #EE82EE.

#EE82EE

Violet is a pink tone at #EE82EE. It sits at 300 degrees on the color wheel with 76% saturation and 72% lightness.

Color values

Tints mix Violet with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FCE6FC

Tint 60%

#F8CDF8

Tint 40%

#F5B4F5

Tint 20%

#F19BF1

Base

#EE82EE

Shade 20%

#BE68BE

Shade 40%

#8F4E8F

Shade 60%

#5F345F

Shade 80%

#301A30

On white

Sample text

2.32:1

Fails WCAG for text

On black

Sample text

9.06:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Violet?: Violet is 238 red, 130 green, and 238 blue, written as rgb(238, 130, 238).
Is Violet readable as text on a white background?: Violet scores 2.32:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Violet a valid CSS color name?: Yes. You can write color: violet directly in CSS, which every browser resolves to #EE82EE.