#784DB4

#784DB4

Overview

#784DB4 is a cool, dark color. In RGB it is 120, 77, 180, in HSL 265.0°, 40.7%, 50.4%, and in CMYK 33.3%, 57.2%, 0.0%, 29.4%. The nearest named color is NCS S 2050-R70B Violet.

On this page

ค่าสี

HEX

#784DB4

RGB

120, 77, 180

HSL

265.0, 40.7%, 50.4%

HSV

265.0, 57.2%, 70.6%

CMYK

33.3%, 57.2%, 0.0%, 29.4%

OKLCH

0.5181 0.1582 300.2

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: NCS S 2050-R70B Violet

จิตวิทยาสี

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

ความกลมกลืนของสี

สีตรงข้าม

#784DB4

#89B44D

สีใกล้เคียง

#4D56B4

#AB4DB4

#784DB4

สามสี

#784DB4

#B4784D

#4DB478

สีตรงข้ามแบบแยก

#784DB4

#B4AB4D

#56B44D

สี่สี

#784DB4

#B44D56

#89B44D

#4DB4AB

การจำลองตาบอดสี

ต้นฉบับ

#784DB4

ตาบอดสีแดง

#65659B

ตาบอดสีเขียว

#686B95

ตาบอดสีน้ำเงิน

#768783

ตาบอดสีทั้งหมด

#5E5E5E

การใช้งาน CSS

background-color: #784DB4;

color: #784DB4;

border-color: #784DB4;

Tailwind ที่ใกล้เคียงที่สุด: Purple 900 #581C87

เฉดสี Tailwind

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

5.97:1

AA Pass AAA Fail

ข้อความบนพื้นดำ

3.52:1

AA Fail AAA Fail

เปรียบเทียบกับ

บทความที่เกี่ยวข้อง

บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026

บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

คำถามที่พบบ่อย

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

RGB(120, 77, 180) · HSL(265.0, 40.7%, 50.4%) · CMYK(33.3%, 57.2%, 0.0%, 29.4%)

Does #784DB4 meet WCAG contrast on white?

5.97:1 — WCAG AA ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #784DB4?

Use FFFFFF text on a #784DB4 background; contrast on black is 3.52:1.