#AF84FF

#AF84FF

ค่าสี

HEX

#AF84FF

RGB

175, 132, 255

HSL

261.0, 100.0%, 75.9%

HSV

261.0, 48.2%, 100.0%

CMYK

31.4%, 48.2%, 0.0%, 0.0%

OKLCH

0.707 0.1769 297.9

คุณสมบัติ

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

จิตวิทยาสี

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

สีตรงข้าม

#AF84FF

#D4FF84

สีใกล้เคียง

#8497FF

#ED84FF

#AF84FF

สามสี

#AF84FF

#FFAF84

#84FFAF

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

#AF84FF

#FFED84

#97FF84

สี่สี

#AF84FF

#FF8497

#D4FF84

#84FFED

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

ต้นฉบับ

#AF84FF

ตาบอดสีแดง

#9C9CE1

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

#9FA2DA

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

#ADCAC5

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

#969696

การใช้งาน CSS

background-color: #AF84FF;

color: #AF84FF;

border-color: #AF84FF;

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

เฉดสี Tailwind

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

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

2.78:1

AA Fail AAA Fail

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

7.57:1

AA Pass AAA Pass

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

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

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

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

RGB(175, 132, 255) · HSL(261.0, 100.0%, 75.9%) · CMYK(31.4%, 48.2%, 0.0%, 0.0%)

Does #AF84FF meet WCAG contrast on white?

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

What text color is readable on #AF84FF?

Use 000000 text on a #AF84FF background; contrast on black is 7.57:1.