#580FA2

#580FA2

Overview

#580FA2 is a cool, dark color. In RGB it is 88, 15, 162, in HSL 269.8°, 83.1%, 34.7%, and in CMYK 45.7%, 90.7%, 0.0%, 36.5%. The nearest named color is indigo.

On this page

ค่าสี

HEX

#580FA2

RGB

88, 15, 162

HSL

269.8, 83.1%, 34.7%

HSV

269.8, 90.7%, 63.5%

CMYK

45.7%, 90.7%, 0.0%, 36.5%

OKLCH

0.3958 0.2029 297.7

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: indigo

จิตวิทยาสี

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.

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

สีตรงข้าม

#580FA2

#59A20F

สีใกล้เคียง

#0F0FA2

#A20FA2

#580FA2

สามสี

#580FA2

#A2580F

#0FA258

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

#580FA2

#A2A20F

#0FA20F

สี่สี

#580FA2

#A20F0F

#59A20F

#0FA2A2

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

ต้นฉบับ

#580FA2

ตาบอดสีแดง

#38387E

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

#3D4276

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

#54625C

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

#292929

การใช้งาน CSS

background-color: #580FA2;

color: #580FA2;

border-color: #580FA2;

Tailwind ที่ใกล้เคียงที่สุด: Violet 800 #5B21B6

เฉดสี Tailwind

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

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

10.47:1

AA Pass AAA Pass

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

2.0:1

AA Fail AAA Fail

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

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026

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

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

ม.ค. 26, 2026

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

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

ม.ค. 21, 2026

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

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

RGB(88, 15, 162) · HSL(269.8, 83.1%, 34.7%) · CMYK(45.7%, 90.7%, 0.0%, 36.5%)

Does #580FA2 meet WCAG contrast on white?

10.47:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #580FA2?

Use FFFFFF text on a #580FA2 background; contrast on black is 2.0:1.