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.

カラー値

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

プロパティ

暖色 明るい 最も近い: violet

色彩心理学

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.

カラーハーモニー

色覚異常シミュレーション

CSS使用法

background-color: #EE82EE;
color: #EE82EE;
border-color: #EE82EE;
最も近いTailwind: Fuchsia 400 #E879F9

Tailwindシェード

コントラストチェッカー

白背景のテキスト

2.32:1

AA Fail AAA Fail

黒背景のテキスト

9.06:1

AA Pass AAA Pass

比較する

関連記事

よくある質問

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 不合格, AAA 不合格 for normal text.

What text color is readable on #EE82EE?

Use 000000 text on a #EE82EE background; contrast on black is 9.06:1.