#F3B7DF

#F3B7DF

ค่าสี

HEX

#F3B7DF

RGB

243, 183, 223

HSL

320.0, 71.4%, 83.5%

HSV

320.0, 24.7%, 95.3%

CMYK

0.0%, 24.7%, 8.2%, 4.7%

OKLCH

0.846 0.0861 339.2

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#F3B7DF

#B7F3CB

สีใกล้เคียง

#E9B7F3

#F3B7C1

#F3B7DF

สามสี

#F3B7DF

#DFF3B7

#B7DFF3

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

#F3B7DF

#C1F3B7

#B7F3E9

สี่สี

#F3B7DF

#F3E9B7

#B7F3CB

#B7C1F3

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

ต้นฉบับ

#F3B7DF

ตาบอดสีแดง

#D9D8D5

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

#DCE1D3

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

#F0CECC

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

#C7C7C7

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FCF3F9
100
#F8E2F1
200
#F5C2E4
300
#ED96D0
400
#E45DB7
500
#DB249E
600
#AF1D7E
700
#8C1765
800
#6D124F
900
#50113B
950
#320B25

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

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

1.66:1

AA Fail AAA Fail

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

12.65:1

AA Pass AAA Pass

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

#F3B7DF
#B7F3CB
#F3B7DF
#FFFFFF
#000000
#F3B7DF

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

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

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

RGB(243, 183, 223) · HSL(320.0, 71.4%, 83.5%) · CMYK(0.0%, 24.7%, 8.2%, 4.7%)

Does #F3B7DF meet WCAG contrast on white?

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

What text color is readable on #F3B7DF?

Use 000000 text on a #F3B7DF background; contrast on black is 12.65:1.