#5722AD

#5722AD

Overview

#5722AD is a cool, dark color. In RGB it is 87, 34, 173, in HSL 262.9°, 67.1%, 40.6%, and in CMYK 49.7%, 80.3%, 0.0%, 32.2%. The nearest named color is Purple Heart.

On this page

ค่าสี

HEX

#5722AD

RGB

87, 34, 173

HSL

262.9, 67.1%, 40.6%

HSV

262.9, 80.3%, 67.8%

CMYK

49.7%, 80.3%, 0.0%, 32.2%

OKLCH

0.4199 0.2001 292.8

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#5722AD

#78AD22

สีใกล้เคียง

#2233AD

#9D22AD

#5722AD

สามสี

#5722AD

#AD5722

#22AD57

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

#5722AD

#AD9D22

#33AD22

สี่สี

#5722AD

#AD2233

#78AD22

#22AD9D

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

ต้นฉบับ

#5722AD

ตาบอดสีแดง

#40408B

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

#434783

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

#54716B

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

#373737

การใช้งาน CSS

background-color: #5722AD;

color: #5722AD;

border-color: #5722AD;

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

เฉดสี Tailwind

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

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

9.39:1

AA Pass AAA Pass

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

2.24: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 #5722AD?

RGB(87, 34, 173) · HSL(262.9, 67.1%, 40.6%) · CMYK(49.7%, 80.3%, 0.0%, 32.2%)

Does #5722AD meet WCAG contrast on white?

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

What text color is readable on #5722AD?

Use FFFFFF text on a #5722AD background; contrast on black is 2.24:1.