#884BA4

#884BA4

Overview

#884BA4 is a cool, dark color. In RGB it is 136, 75, 164, in HSL 281.1°, 37.2%, 46.9%, and in CMYK 17.1%, 54.3%, 0.0%, 35.7%. The nearest named color is Vivid Violet.

On this page

ค่าสี

HEX

#884BA4

RGB

136, 75, 164

HSL

281.1, 37.2%, 46.9%

HSV

281.1, 54.3%, 64.3%

CMYK

17.1%, 54.3%, 0.0%, 35.7%

OKLCH

0.5232 0.1472 314.1

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: Vivid 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.

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

สีตรงข้าม

#884BA4

#67A44B

สีใกล้เคียง

#5C4BA4

#A44B94

#884BA4

สามสี

#884BA4

#A4884B

#4BA488

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

#884BA4

#94A44B

#4BA45C

สี่สี

#884BA4

#A45C4B

#67A44B

#4B94A4

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

ต้นฉบับ

#884BA4

ตาบอดสีแดง

#6E6D8E

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

#717689

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

#857D7A

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

#5E5E5E

การใช้งาน CSS

background-color: #884BA4;

color: #884BA4;

border-color: #884BA4;

Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 900 #701A75

เฉดสี Tailwind

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

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

5.85:1

AA Pass AAA Fail

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

3.59: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 #884BA4?

RGB(136, 75, 164) · HSL(281.1, 37.2%, 46.9%) · CMYK(17.1%, 54.3%, 0.0%, 35.7%)

Does #884BA4 meet WCAG contrast on white?

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

What text color is readable on #884BA4?

Use FFFFFF text on a #884BA4 background; contrast on black is 3.59:1.