#AF5697

#AF5697

ค่าสี

HEX

#AF5697

RGB

175, 86, 151

HSL

316.2, 35.7%, 51.2%

HSV

316.2, 50.9%, 68.6%

CMYK

0.0%, 50.9%, 13.7%, 31.4%

OKLCH

0.5828 0.1407 338.6

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: Plum

จิตวิทยาสี

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.

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

สีตรงข้าม

#AF5697

#56AF6E

สีใกล้เคียง

#9B56AF

#AF566B

#AF5697

สามสี

#AF5697

#97AF56

#5697AF

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

#AF5697

#6BAF56

#56AF9B

สี่สี

#AF5697

#AF9B56

#56AF6E

#566BAF

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

ต้นฉบับ

#AF5697

ตาบอดสีแดง

#888887

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

#8E9484

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

#AB7B78

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

#6E6E6E

การใช้งาน CSS

background-color: #AF5697;

color: #AF5697;

border-color: #AF5697;

Tailwind ที่ใกล้เคียงที่สุด: Pink 400 #F472B6

เฉดสี Tailwind

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

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

4.56:1

AA Pass AAA Fail

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

4.6:1

AA Pass 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 #AF5697?

RGB(175, 86, 151) · HSL(316.2, 35.7%, 51.2%) · CMYK(0.0%, 50.9%, 13.7%, 31.4%)

Does #AF5697 meet WCAG contrast on white?

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

What text color is readable on #AF5697?

Use 000000 text on a #AF5697 background; contrast on black is 4.6:1.