#ECCBE3

#ECCBE3

ค่าสี

HEX

#ECCBE3

RGB

236, 203, 227

HSL

316.4, 46.5%, 86.1%

HSV

316.4, 14.0%, 92.5%

CMYK

0.0%, 14.0%, 3.8%, 7.5%

OKLCH

0.877 0.0486 335.7

คุณสมบัติ

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

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

สีตรงข้าม

#ECCBE3

#CBECD4

สีใกล้เคียง

#E5CBEC

#ECCBD3

#ECCBE3

สามสี

#ECCBE3

#E3ECCB

#CBE3EC

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

#ECCBE3

#D3ECCB

#CBECE5

สี่สี

#ECCBE3

#ECE5CB

#CBECD4

#CBD3EC

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

ต้นฉบับ

#ECCBE3

ตาบอดสีแดง

#DEDDDD

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

#E0E2DC

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

#EAD9D8

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

#D4D4D4

การใช้งาน CSS

background-color: #ECCBE3;

color: #ECCBE3;

border-color: #ECCBE3;

Tailwind ที่ใกล้เคียงที่สุด: Pink 200 #FBCFE8

เฉดสี Tailwind

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

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

1.48:1

AA Fail AAA Fail

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

14.22: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 #ECCBE3?

RGB(236, 203, 227) · HSL(316.4, 46.5%, 86.1%) · CMYK(0.0%, 14.0%, 3.8%, 7.5%)

Does #ECCBE3 meet WCAG contrast on white?

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

What text color is readable on #ECCBE3?

Use 000000 text on a #ECCBE3 background; contrast on black is 14.22:1.