violet

#EE82EE

CSS color

Violet (#EE82EE) is a soft, medium pink-purple CSS named colour, referencing the pale purple colour of violet flowers — one of the most fragrant and delicately coloured spring flowers. Unlike the deep blue-violet of the spectral colour violet, this CSS named colour leans significantly toward pink, creating a soft, floral lavender-pink. It is widely associated with femininity, romance, spring, and the gentle transience of blossoming flowers.

Valores de color

HEX

#EE82EE

RGB

238, 130, 238

HSL

300,0, 76,1%, 72,2%

HSV

300,0, 45,4%, 93,3%

CMYK

0,0%, 45,4%, 0,0%, 6,7%

OKLCH

0,7619 0,1861 327,2

Propiedades

Psicología del color

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

Armonías de color

Simulación de daltonismo

Uso de CSS

background-color: #EE82EE;
color: #EE82EE;
border-color: #EE82EE;
Tailwind más cercano: Fuchsia 400 #E879F9

Tonos Tailwind

Verificador de contraste

Texto sobre blanco

2,32:1

AA Fail AAA Fail

Texto sobre negro

9,06:1

AA Pass AAA Pass

Comparar con

Artículos relacionados

Preguntas frecuentes

What are the RGB, HSL, and CMYK values of #EE82EE?

RGB(238, 130, 238) · HSL(300,0, 76,1%, 72,2%) · CMYK(0,0%, 45,4%, 0,0%, 6,7%)

Does #EE82EE meet WCAG contrast on white?

2,32:1 — WCAG AA Fallido, AAA Fallido for normal text.

What text color is readable on #EE82EE?

Use 000000 text on a #EE82EE background; contrast on black is 9,06:1.