#4D2276

#4D2276

Overview

#4D2276 is a cool, dark color. In RGB it is 77, 34, 118, in HSL 270.7°, 55.3%, 29.8%, and in CMYK 34.7%, 71.2%, 0.0%, 53.7%. The nearest named color is rebeccapurple.

On this page

ค่าสี

HEX

#4D2276

RGB

77, 34, 118

HSL

270.7, 55.3%, 29.8%

HSV

270.7, 71.2%, 46.3%

CMYK

34.7%, 71.2%, 0.0%, 53.7%

OKLCH

0.3592 0.1375 303.6

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: rebeccapurple

จิตวิทยาสี

Dark purples like plum and amethyst convey mystery, power, and regal authority. They suggest hidden depths, secret knowledge, and ambitious vision. In Western cultures, deep purple often appears in religious vestments and academic regalia, reinforcing its association with wisdom and ceremony.

Design Usage

Dark purple excels in entertainment branding, gaming interfaces, and luxury e-commerce. It creates dramatic hero sections and immersive backgrounds that feel rich and engaging. Pair it with electric violet or bright pink accents for energy, or with gold and cream for timeless elegance.

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

สีตรงข้าม

#4D2276

#4B7622

สีใกล้เคียง

#232276

#762275

#4D2276

สามสี

#4D2276

#764D22

#22764D

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

#4D2276

#757622

#227623

สี่สี

#4D2276

#762322

#4B7622

#227576

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

ต้นฉบับ

#4D2276

ตาบอดสีแดง

#3A3A62

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

#3D405D

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

#4B524E

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

#313131

การใช้งาน CSS

background-color: #4D2276;
color: #4D2276;
border-color: #4D2276;
Tailwind ที่ใกล้เคียงที่สุด: Purple 950 #3B0764

เฉดสี Tailwind

50
#F7F4FB
100
#EDE5F6
200
#DCC8EF
300
#C3A0E4
400
#A26CD5
500
#8139C6
600
#672E9E
700
#53247F
800
#411C63
900
#311849
950
#1F0F2E

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

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

11.63:1

AA Pass AAA Pass

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

1.81:1

AA Fail AAA Fail

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

#4D2276
#4B7622
#4D2276
#FFFFFF
#000000
#4D2276

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

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

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 #4D2276?

RGB(77, 34, 118) · HSL(270.7, 55.3%, 29.8%) · CMYK(34.7%, 71.2%, 0.0%, 53.7%)

Does #4D2276 meet WCAG contrast on white?

11.63:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #4D2276?

Use FFFFFF text on a #4D2276 background; contrast on black is 1.81:1.