#F4ADFD

#F4ADFD

Overview

#F4ADFD is a cool, light color. In RGB it is 244, 173, 253, in HSL 293.2°, 95.2%, 83.5%, and in CMYK 3.6%, 31.6%, 0.0%, 0.8%. The nearest named color is plum 1.

On this page

ค่าสี

HEX

#F4ADFD

RGB

244, 173, 253

HSL

293.2, 95.2%, 83.5%

HSV

293.2, 31.6%, 99.2%

CMYK

3.6%, 31.6%, 0.0%, 0.8%

OKLCH

0.8407 0.1321 322.7

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#F4ADFD

#B6FDAD

สีใกล้เคียง

#CCADFD

#FDADDE

#F4ADFD

สามสี

#F4ADFD

#FDF4AD

#ADFDF4

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

#F4ADFD

#DEFDAD

#ADFDCC

สี่สี

#F4ADFD

#FDCCAD

#B6FDAD

#ADDEFD

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

ต้นฉบับ

#F4ADFD

ตาบอดสีแดง

#D5D5EA

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

#D9DFE5

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

#F0DAD7

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

#C2C2C2

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FCF1FE
100
#F8DFFC
200
#F6B9FD
300
#EF88FC
400
#E647FA
500
#DD06F9
600
#B105C7
700
#8E049F
800
#6F037C
900
#51075A
950
#330439

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

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

1.72:1

AA Fail AAA Fail

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

12.24:1

AA Pass AAA Pass

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

#F4ADFD
#B6FDAD
#F4ADFD
#FFFFFF
#000000
#F4ADFD

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

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

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

RGB(244, 173, 253) · HSL(293.2, 95.2%, 83.5%) · CMYK(3.6%, 31.6%, 0.0%, 0.8%)

Does #F4ADFD meet WCAG contrast on white?

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

What text color is readable on #F4ADFD?

Use 000000 text on a #F4ADFD background; contrast on black is 12.24:1.