violet

#EE82EE

CSS color

Overview

Violet is a bright, light purple, rgb(238, 130, 238) at hex #EE82EE, formed by high and equal red and blue channels with a mid-level green. Its hue reads at 300 degrees — the same as purple and magenta — but its lifted green softens it to a paler, gentler tone at high brightness. Violet belongs to the extended CSS3 named colors. Unlike the non-spectral purples, true violet corresponds to the shortest visible wavelengths, though the CSS keyword is a lightened, desaturated rendering of that region. Its airy quality suits decorative and floral palettes. It sits alongside related CSS purples such as orchid and plum, and its lightness gives it a decorative, floral quality distinct from the deeper, more saturated purple and indigo.

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.

On this page

ค่าสี

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

คุณสมบัติ

จิตวิทยาสี

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.