Violet #EE82EE
violet · rgb(238, 130, 238)
Color formats
HEX#EE82EE
RGBrgb(238, 130, 238)
HSLhsl(300, 76%, 72%)
HSVhsv(300, 45%, 93%)
OKLCHoklch(76% 0.19 327)
CMYKcmyk(0%, 45%, 0%, 7%)
Contrast & accessibility
On white2.32:1below AA
On black9.06:1AA pass
Best text color#000000
Nearest CSS name: violet
Copy-ready code
CSS custom properties
:root {
--violet: #ee82ee;
--violet-rgb: 238 130 238;
--violet-oklch: oklch(76% 0.19 327);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--violet-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#ee82ee] text-[#ee82ee] border-[#ee82ee]
Shades & tints
Color harmonies
About this color
#EE82EE is a color with the RGB value rgb(238, 130, 238). Its closest CSS named color is "violet". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.