#F4B6FD

#F4B6FD

Overview

#F4B6FD is a cool, light color. In RGB it is 244, 182, 253, in HSL 292.4°, 94.7%, 85.3%, and in CMYK 3.6%, 28.1%, 0.0%, 0.8%. The nearest named color is plum 1.

On this page

ค่าสี

HEX

#F4B6FD

RGB

244, 182, 253

HSL

292.4, 94.7%, 85.3%

HSV

292.4, 28.1%, 99.2%

CMYK

3.6%, 28.1%, 0.0%, 0.8%

OKLCH

0.8558 0.1166 322.2

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: plum 1

จิตวิทยาสี

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.

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

สีตรงข้าม

#F4B6FD

#BFFDB6

สีใกล้เคียง

#D1B6FD

#FDB6E3

#F4B6FD

สามสี

#F4B6FD

#FDF4B6

#B6FDF4

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

#F4B6FD

#E3FDB6

#B6FDD1

สี่สี

#F4B6FD

#FDD1B6

#BFFDB6

#B6E3FD

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

ต้นฉบับ

#F4B6FD

ตาบอดสีแดง

#D9D9EC

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

#DDE1E8

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

#F1DEDB

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

#C8C8C8

การใช้งาน CSS

background-color: #F4B6FD;
color: #F4B6FD;
border-color: #F4B6FD;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 300 #F0ABFC

เฉดสี Tailwind

50
#FCF1FE
100
#F8DFFC
200
#F5B9FD
300
#ED88FC
400
#E347FA
500
#DA07F8
600
#AE05C7
700
#8B049F
800
#6D037C
900
#4F075A
950
#320539

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

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

1.62:1

AA Fail AAA Fail

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

12.96:1

AA Pass AAA Pass

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

#F4B6FD
#BFFDB6
#F4B6FD
#FFFFFF
#000000
#F4B6FD

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #F4B6FD?

RGB(244, 182, 253) · HSL(292.4, 94.7%, 85.3%) · CMYK(3.6%, 28.1%, 0.0%, 0.8%)

Does #F4B6FD meet WCAG contrast on white?

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

What text color is readable on #F4B6FD?

Use 000000 text on a #F4B6FD background; contrast on black is 12.96:1.