Violet (CSS)

Violet (CSS) is a light, saturated purple color with the hex code #EE82EE (hue 300°, saturation 76%, lightness 72%). It is also the CSS named color violet.

#EE82EE

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Violet (CSS)	`#EE82EE`	238, 130, 238	300°, 76%, 72%	0, 45, 0, 7	76.2% 0.186 327

Contrast with white text 2.32:1, with black text 9.06:1 — use black text on Violet (CSS).

violet is one of the 148 named colors in CSS, with exactly this value, so color: violet works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#F9D2F9

#F08FF0

#E74BE7

#CA1BCA

#871287

#430943

Colors that go with Violet (CSS)

Six color schemes built on Violet (CSS) with classic harmony rules. The complementary scheme pairs it with Ulva Lactuca Green (#90EE90), the color opposite it on the color wheel.

Nearest CSS named colors

Orchid (CSS) (orchid): Orchid (CSS) (#DA70D6) is darker than Violet (CSS) (relative luminance 0.313 vs 0.403) and less saturated, with the same hue.
Plum (CSS) (plum): Plum (CSS) (#DDA0DD) is lighter than Violet (CSS) (relative luminance 0.457 vs 0.403) and less saturated, with the same hue.
Hot Pink (CSS) (hotpink): Hot Pink (CSS) (#FF69B4) is darker than Violet (CSS) (relative luminance 0.347 vs 0.403) and more saturated, with its hue 30° away.
Pale Violet Red (palevioletred): Pale Violet Red (#DB7093) is darker than Violet (CSS) (relative luminance 0.288 vs 0.403) and less saturated, with its hue 40° away.

Similar light pink colors

Questions

What is the hex code for Violet (CSS)?

#EE82EE — RGB 238, 130, 238, HSL 300°, 76%, 72%.

Is Violet (CSS) a warm or cool color?

Cool — its hue sits at 300° on the color wheel.