#DF97C3

#DF97C3

ค่าสี

HEX

#DF97C3

RGB

223, 151, 195

HSL

323.3, 52.9%, 73.3%

HSV

323.3, 32.3%, 87.5%

CMYK

0.0%, 32.3%, 12.6%, 12.5%

OKLCH

0.7606 0.1027 342.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#DF97C3

#97DFB3

สีใกล้เคียง

#D797DF

#DF979F

#DF97C3

สามสี

#DF97C3

#C3DF97

#97C3DF

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

#DF97C3

#9FDF97

#97DFD7

สี่สี

#DF97C3

#DFD797

#97DFB3

#979FDF

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

ต้นฉบับ

#DF97C3

ตาบอดสีแดง

#C0BFB8

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

#C4C9B6

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

#DBB0AE

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

#A9A9A9

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FBF4F8
100
#F5E5EF
200
#EEC8E0
300
#E2A1C9
400
#D36FAC
500
#C33C8F
600
#9C3072
700
#7D265B
800
#611E47
900
#481936
950
#2D1022

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

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

2.25:1

AA Fail AAA Fail

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

9.35:1

AA Pass AAA Pass

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

#DF97C3
#97DFB3
#DF97C3
#FFFFFF
#000000
#DF97C3

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

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

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

RGB(223, 151, 195) · HSL(323.3, 52.9%, 73.3%) · CMYK(0.0%, 32.3%, 12.6%, 12.5%)

Does #DF97C3 meet WCAG contrast on white?

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

What text color is readable on #DF97C3?

Use 000000 text on a #DF97C3 background; contrast on black is 9.35:1.