#F6DCEE

#F6DCEE

Overview

#F6DCEE is a warm, light color. In RGB it is 246, 220, 238, in HSL 318.5°, 59.1%, 91.4%, and in CMYK 0.0%, 10.6%, 3.3%, 3.5%. The nearest named color is Piggy Pink.

On this page

ค่าสี

HEX

#F6DCEE

RGB

246, 220, 238

HSL

318.5, 59.1%, 91.4%

HSV

318.5, 10.6%, 96.5%

CMYK

0.0%, 10.6%, 3.3%, 3.5%

OKLCH

0.9209 0.037 336.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#F6DCEE

#DCF6E4

สีใกล้เคียง

#F1DCF6

#F6DCE1

#F6DCEE

สามสี

#F6DCEE

#EEF6DC

#DCEEF6

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

#F6DCEE

#E1F6DC

#DCF6F1

สี่สี

#F6DCEE

#F6F1DC

#DCF6E4

#DCE1F6

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

ต้นฉบับ

#F6DCEE

ตาบอดสีแดง

#EBEBEA

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

#ECEEE9

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

#F5E6E5

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

#E3E3E3

การใช้งาน CSS

background-color: #F6DCEE;
color: #F6DCEE;
border-color: #F6DCEE;
Tailwind ที่ใกล้เคียงที่สุด: Pink 100 #FCE7F3

เฉดสี Tailwind

50
#FBF4F9
100
#F6E4F1
200
#F0C6E3
300
#E69ED0
400
#D869B6
500
#CB349C
600
#A22A7D
700
#822164
800
#651A4E
900
#4A173A
950
#2F0E25

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

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

1.28:1

AA Fail AAA Fail

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

16.39:1

AA Pass AAA Pass

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

#F6DCEE
#DCF6E4
#F6DCEE
#FFFFFF
#000000
#F6DCEE

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

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

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

RGB(246, 220, 238) · HSL(318.5, 59.1%, 91.4%) · CMYK(0.0%, 10.6%, 3.3%, 3.5%)

Does #F6DCEE meet WCAG contrast on white?

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

What text color is readable on #F6DCEE?

Use 000000 text on a #F6DCEE background; contrast on black is 16.39:1.