#FC45B5

#FC45B5

ค่าสี

HEX

#FC45B5

RGB

252, 69, 181

HSL

323.3, 96.8%, 62.9%

HSV

323.3, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 28.2%, 1.2%

OKLCH

0.6883 0.24 347.8

คุณสมบัติ

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

จิตวิทยาสี

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

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

สีตรงข้าม

#FC45B5

#45FC8C

สีใกล้เคียง

#E845FC

#FC4559

#FC45B5

สามสี

#FC45B5

#B5FC45

#45B5FC

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

#FC45B5

#59FC45

#45FCE8

สี่สี

#FC45B5

#FCE845

#45FC8C

#4559FC

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

ต้นฉบับ

#FC45B5

ตาบอดสีแดง

#ADAB9A

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

#B7C593

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

#F38480

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

#747474

การใช้งาน CSS

background-color: #FC45B5;

color: #FC45B5;

border-color: #FC45B5;

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

เฉดสี Tailwind

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

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

3.15:1

AA Fail AAA Fail

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

6.66: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 #FC45B5?

RGB(252, 69, 181) · HSL(323.3, 96.8%, 62.9%) · CMYK(0.0%, 72.6%, 28.2%, 1.2%)

Does #FC45B5 meet WCAG contrast on white?

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

What text color is readable on #FC45B5?

Use 000000 text on a #FC45B5 background; contrast on black is 6.66:1.