Violet

Electric violet is purple turned all the way up: gradients, nightlife, AI-era tech. It owns the dark — on black backgrounds it practically emits light.

gradientsAI productsnightlife and events

Values in every format

HEX: #8f00ff
RGB: rgb(143, 0, 255)
HSL: hsl(274, 100%, 50%)
OKLCH: oklch(0.548 0.294 298.8)
CMYK: cmyk(43.9%, 100%, 0%, 0%)

Hue family: Violet · closest CSS name: blueviolet. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #8F00FF itself.

50#f8f6ff
100#efe9ff
200#e3d7ff
300#d4c0ff
400#bf9eff
500#ab78ff
600#9a4aff
700 ★#8f00ff
800#6900bf
900#510094
950#320060

Build a full system from #8F00FF

Harmonies with violet

Complementary

Maximum contrast — use one side for action, the other sparingly.

#8f00ff #70ff00

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#0f00ff #8f00ff #ff00f0

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#8f00ff #ff8f00 #00ff8f

Measured contrast

on white5.81:1 · AA normal ✓

on black3.61:1 · AA large only

Check your own pairs