#F36CDA

#F36CDA

ค่าสี

HEX

#F36CDA

RGB

243, 108, 218

HSL

311.1, 84.9%, 68.8%

HSV

311.1, 55.6%, 95.3%

CMYK

0.0%, 55.6%, 10.3%, 4.7%

OKLCH

0.7304 0.207 335.2

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#F36CDA

#6CF385

สีใกล้เคียง

#C86CF3

#F36C96

#F36CDA

สามสี

#F36CDA

#DAF36C

#6CDAF3

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

#F36CDA

#96F36C

#6CF3C8

สี่สี

#F36CDA

#F3C86C

#6CF385

#6C96F3

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

ต้นฉบับ

#F36CDA

ตาบอดสีแดง

#B9B7BF

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

#C0CAB9

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

#ECAAA6

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

#919191

การใช้งาน CSS

background-color: #F36CDA;

color: #F36CDA;

border-color: #F36CDA;

Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 400 #E879F9

เฉดสี Tailwind

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

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

2.64:1

AA Fail AAA Fail

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

7.97:1

AA Pass AAA Pass

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

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

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

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

RGB(243, 108, 218) · HSL(311.1, 84.9%, 68.8%) · CMYK(0.0%, 55.6%, 10.3%, 4.7%)

Does #F36CDA meet WCAG contrast on white?

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

What text color is readable on #F36CDA?

Use 000000 text on a #F36CDA background; contrast on black is 7.97:1.