Violet colour (#EE82EE)

Violet is light a pink/magenta with hex code #EE82EE, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 238, 130, 238; in HSL 300°, 76%, 72%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Violet colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Violet in every format

FormatValue
HEX#EE82EE
RGBrgb(238, 130, 238)
RGB (0–1)0.933, 0.510, 0.933
HSLhsl(300, 76%, 72%)
CMYK (approx.)0%, 45%, 0%, 7%
CSScolor: violet;

Shades and tints of Violet

Same hue and saturation, lightness from 90% to 10%:

#f9d2f9 #f3a5f3 #ed78ed #e74be7 #e01fe0 #b418b4 #871287 #5a0c5a #2d062d

Colours that go with Violet

HarmonyColours
Complementary #81ee81
Triadic #eeee81 #81eeee
Analogous #ee81b8 #b881ee

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
orchid #da70d6close
plum #dda0ddclose
hotpink #ff69b4close
thistle #d8bfd8close
lightpink #ffb6c1close

Accessibility

Contrast ratio of Violet against white is 2.32:1 (fails WCAG AA for normal text) and against black 9.06:1 (passes). Use black or very dark text on a Violet background rather than white.

Frequently asked questions

What is the hex code for Violet?

#EE82EE.

What is Violet in RGB?

rgb(238, 130, 238).

What colour is complementary to Violet?

#81ee81, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.