#F45DA9

#F45DA9

ค่าสี

HEX

#F45DA9

RGB

244, 93, 169

HSL

329.8, 87.3%, 66.1%

HSV

329.8, 61.9%, 95.7%

CMYK

0.0%, 61.9%, 30.7%, 4.3%

OKLCH

0.695 0.199 352.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#F45DA9

#5DF4A8

สีใกล้เคียง

#F45DF4

#F45D5E

#F45DA9

สามสี

#F45DA9

#A9F45D

#5DA9F4

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

#F45DA9

#5EF45D

#5DF4F4

สี่สี

#F45DA9

#F4F45D

#5DF4A8

#5D5EF4

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

ต้นฉบับ

#F45DA9

ตาบอดสีแดง

#B3B197

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

#BBC792

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

#EC8885

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

#838383

การใช้งาน CSS

background-color: #F45DA9;

color: #F45DA9;

border-color: #F45DA9;

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

เฉดสี Tailwind

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

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

3.01:1

AA Fail AAA Fail

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

6.99: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 #F45DA9?

RGB(244, 93, 169) · HSL(329.8, 87.3%, 66.1%) · CMYK(0.0%, 61.9%, 30.7%, 4.3%)

Does #F45DA9 meet WCAG contrast on white?

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

What text color is readable on #F45DA9?

Use 000000 text on a #F45DA9 background; contrast on black is 6.99:1.