#F4C7DF

#F4C7DF

Overview

#F4C7DF is a warm, light color. In RGB it is 244, 199, 223, in HSL 328.0°, 67.2%, 86.9%, and in CMYK 0.0%, 18.4%, 8.6%, 4.3%. The nearest named color is thistle 2.

On this page

ค่าสี

HEX

#F4C7DF

RGB

244, 199, 223

HSL

328.0, 67.2%, 86.9%

HSV

328.0, 18.4%, 95.7%

CMYK

0.0%, 18.4%, 8.6%, 4.3%

OKLCH

0.8756 0.0595 345.1

คุณสมบัติ

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

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

สีตรงข้าม

#F4C7DF

#C7F4DC

สีใกล้เคียง

#F3C7F4

#F4C7C9

#F4C7DF

สามสี

#F4C7DF

#DFF4C7

#C7DFF4

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

#F4C7DF

#C9F4C7

#C7F4F3

สี่สี

#F4C7DF

#F4F3C7

#C7F4DC

#C7C9F4

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

ต้นฉบับ

#F4C7DF

ตาบอดสีแดง

#E1E0D9

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

#E3E6D8

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

#F2D5D4

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

#D2D2D2

การใช้งาน CSS

background-color: #F4C7DF;
color: #F4C7DF;
border-color: #F4C7DF;
Tailwind ที่ใกล้เคียงที่สุด: Pink 200 #FBCFE8

เฉดสี Tailwind

50
#FCF3F8
100
#F7E3EE
200
#F3C3DD
300
#EB99C5
400
#E061A5
500
#D52A85
600
#AB216B
700
#881B55
800
#6B1543
900
#4E1332
950
#310C20

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

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

1.49:1

AA Fail AAA Fail

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

14.08:1

AA Pass AAA Pass

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

#F4C7DF
#C7F4DC
#F4C7DF
#FFFFFF
#000000
#F4C7DF

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

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

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

RGB(244, 199, 223) · HSL(328.0, 67.2%, 86.9%) · CMYK(0.0%, 18.4%, 8.6%, 4.3%)

Does #F4C7DF meet WCAG contrast on white?

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

What text color is readable on #F4C7DF?

Use 000000 text on a #F4C7DF background; contrast on black is 14.08:1.