#AB5EAE

#AB5EAE

Overview

#AB5EAE is a cool, light color. In RGB it is 171, 94, 174, in HSL 297.7°, 33.1%, 52.5%, and in CMYK 1.7%, 46.0%, 0.0%, 31.8%. The nearest named color is Vivid Violet.

On this page

ค่าสี

HEX

#AB5EAE

RGB

171, 94, 174

HSL

297.7, 33.1%, 52.5%

HSV

297.7, 46.0%, 68.2%

CMYK

1.7%, 46.0%, 0.0%, 31.8%

OKLCH

0.5999 0.1443 325.8

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: Vivid Violet

จิตวิทยาสี

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

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

สีตรงข้าม

#AB5EAE

#61AE5E

สีใกล้เคียง

#835EAE

#AE5E89

#AB5EAE

สามสี

#AB5EAE

#AEAB5E

#5EAEAB

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

#AB5EAE

#89AE5E

#5EAE83

สี่สี

#AB5EAE

#AE835E

#61AE5E

#5E89AE

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

ต้นฉบับ

#AB5EAE

ตาบอดสีแดง

#8A899B

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

#8E9496

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

#A78B88

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

#747474

การใช้งาน CSS

background-color: #AB5EAE;
color: #AB5EAE;
border-color: #AB5EAE;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 900 #701A75

เฉดสี Tailwind

50
#F9F5FA
100
#F2E8F2
200
#E6CFE7
300
#D5AED6
400
#BD81C0
500
#A655AA
600
#854488
700
#6B376D
800
#532B55
900
#3E223F
950
#271528

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

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

4.25:1

AA Fail AAA Fail

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

4.94:1

AA Pass AAA Fail

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

#AB5EAE
#61AE5E
#AB5EAE
#FFFFFF
#000000
#AB5EAE

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

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

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 #AB5EAE?

RGB(171, 94, 174) · HSL(297.7, 33.1%, 52.5%) · CMYK(1.7%, 46.0%, 0.0%, 31.8%)

Does #AB5EAE meet WCAG contrast on white?

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

What text color is readable on #AB5EAE?

Use 000000 text on a #AB5EAE background; contrast on black is 4.94:1.