#AB22DD

#AB22DD

Overview

#AB22DD is a cool, dark color. In RGB it is 171, 34, 221, in HSL 284.0°, 73.3%, 50.0%, and in CMYK 22.6%, 84.6%, 0.0%, 13.3%. The nearest named color is darkorchid 2.

On this page

ค่าสี

HEX

#AB22DD

RGB

171, 34, 221

HSL

284.0, 73.3%, 50.0%

HSV

284.0, 84.6%, 86.7%

CMYK

22.6%, 84.6%, 0.0%, 13.3%

OKLCH

0.5664 0.2603 314.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#AB22DD

#54DD22

สีใกล้เคียง

#4E22DD

#DD22B1

#AB22DD

สามสี

#AB22DD

#DDAB22

#22DDAB

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

#AB22DD

#B1DD22

#22DD4E

สี่สี

#AB22DD

#DD4E22

#54DD22

#22B1DD

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

ต้นฉบับ

#AB22DD

ตาบอดสีแดง

#706EB0

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

#7882A5

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

#A48C84

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

#4D4D4D

การใช้งาน CSS

background-color: #AB22DD;

color: #AB22DD;

border-color: #AB22DD;

Tailwind ที่ใกล้เคียงที่สุด: Purple 600 #9333EA

เฉดสี Tailwind

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

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

5.24:1

AA Pass AAA Fail

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

4.0: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 #AB22DD?

RGB(171, 34, 221) · HSL(284.0, 73.3%, 50.0%) · CMYK(22.6%, 84.6%, 0.0%, 13.3%)

Does #AB22DD meet WCAG contrast on white?

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

What text color is readable on #AB22DD?

Use FFFFFF text on a #AB22DD background; contrast on black is 4.0:1.