Violet Color Picker & Palette
Violet is a soft, light purple that blends elegance with playfulness.
HEX
#ee82ee
RGB
rgb(238, 130, 238)
HSL
hsl(300, 76%, 72%)
OKLCH
oklch(0.762 0.186 327.2)
CMYK
cmyk(0%, 45%, 0%, 7%)
Use Cases
Feminine and elegant designs
Artistic and creative branding
Gradient accents and overlays
Soft UI and pastel themes
Tips
Violet works well in gradients from pink to purple
Use darker violets for headings and body text
Pair with mint green for a fresh, modern look
FAQ
What is the HEX code for violet?
CSS violet is #EE82EE, a light pinkish-purple.
Is violet accessible?
Violet (#EE82EE) on white has a ratio of 2.52:1 — not accessible. Use dark violet (#9400D3) for text.
What colors go with violet?
Violet pairs with mint green, soft yellow, white, gray, and analogous blues and pinks.
How do I make violet in HSL?
Violet (#EE82EE) in HSL is hsl(300, 76%, 72%).