#C48AB2

#C48AB2

ค่าสี

HEX

#C48AB2

RGB

196, 138, 178

HSL

318.6, 33.0%, 65.5%

HSV

318.6, 29.6%, 76.9%

CMYK

0.0%, 29.6%, 9.2%, 23.1%

OKLCH

0.703 0.0881 338.6

คุณสมบัติ

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

จิตวิทยาสี

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

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

สีตรงข้าม

#C48AB2

#8AC49C

สีใกล้เคียง

#B98AC4

#C48A95

#C48AB2

สามสี

#C48AB2

#B2C48A

#8AB2C4

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

#C48AB2

#95C48A

#8AC4B9

สี่สี

#C48AB2

#C4B98A

#8AC49C

#8A95C4

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

ต้นฉบับ

#C48AB2

ตาบอดสีแดง

#ABAAA8

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

#AEB3A6

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

#C1A19F

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

#999999

การใช้งาน CSS

background-color: #C48AB2;

color: #C48AB2;

border-color: #C48AB2;

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

เฉดสี Tailwind

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

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

2.75:1

AA Fail AAA Fail

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

7.63: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 #C48AB2?

RGB(196, 138, 178) · HSL(318.6, 33.0%, 65.5%) · CMYK(0.0%, 29.6%, 9.2%, 23.1%)

Does #C48AB2 meet WCAG contrast on white?

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

What text color is readable on #C48AB2?

Use 000000 text on a #C48AB2 background; contrast on black is 7.63:1.