#DF87C7

#DF87C7

ค่าสี

HEX

#DF87C7

RGB

223, 135, 199

HSL

316.4, 57.9%, 70.2%

HSV

316.4, 39.5%, 87.5%

CMYK

0.0%, 39.5%, 10.8%, 12.5%

OKLCH

0.7358 0.1336 337.7

คุณสมบัติ

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

จิตวิทยาสี

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

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

สีตรงข้าม

#DF87C7

#87DF9F

สีใกล้เคียง

#CB87DF

#DF879B

#DF87C7

สามสี

#DF87C7

#C7DF87

#87C7DF

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

#DF87C7

#9BDF87

#87DFCB

สี่สี

#DF87C7

#DFCB87

#87DF9F

#879BDF

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

ต้นฉบับ

#DF87C7

ตาบอดสีแดง

#B9B8B8

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

#BEC5B4

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

#DBABA9

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

#9E9E9E

การใช้งาน CSS

background-color: #DF87C7;
color: #DF87C7;
border-color: #DF87C7;
Tailwind ที่ใกล้เคียงที่สุด: Pink 300 #F9A8D4

เฉดสี Tailwind

50
#FBF4F9
100
#F6E4F1
200
#F0C7E5
300
#E59ED2
400
#D76AB9
500
#C936A1
600
#A12B81
700
#812267
800
#651B50
900
#4A173C
950
#2F0F26

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

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

2.49:1

AA Fail AAA Fail

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

8.43:1

AA Pass AAA Pass

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

#DF87C7
#87DF9F
#DF87C7
#FFFFFF
#000000
#DF87C7

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

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

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

RGB(223, 135, 199) · HSL(316.4, 57.9%, 70.2%) · CMYK(0.0%, 39.5%, 10.8%, 12.5%)

Does #DF87C7 meet WCAG contrast on white?

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

What text color is readable on #DF87C7?

Use 000000 text on a #DF87C7 background; contrast on black is 8.43:1.