Colormapped
Color reference

Violet #EE82EE

Violet is the standard CSS named color #EE82EE, a light, vivid purple-family color distinct from the darker CSS “purple” keyword.

Violet is the CSS named color keyword violet, standardized at #EE82EE in sRGB.

Violet #EE82EE 9.06:1 with black text

Color values

HEX#EE82EE
RGBrgb(238, 130, 238)
HSLhsl(300 76% 72%)
HSV300°, 45%, 93%
CMYK0%, 45%, 0%, 7%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 9.06:1 — AA normal text passes
White text 2.32:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Violet

These steps are computed by RGB-mixing #EE82EE toward white or black. They are generated values, not official named colors.

80% tint #FCE6FC
60% tint #F8CDF8
40% tint #F5B4F5
20% tint #F19BF1
Base #EE82EE
20% shade #BE68BE
40% shade #8F4E8F
60% shade #5F345F
80% shade #301A30

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: violet;
}

You can use either violet or #EE82EE in CSS; both resolve to the same sRGB color.