#54396F

#54396F

Overview

#54396F is a cool, dark color. In RGB it is 84, 57, 111, in HSL 270.0°, 32.1%, 32.9%, and in CMYK 24.3%, 48.6%, 0.0%, 56.5%. The nearest named color is RAL 4005 Blue Lilac.

On this page

ค่าสี

HEX

#54396F

RGB

84, 57, 111

HSL

270.0, 32.1%, 32.9%

HSV

270.0, 48.6%, 43.5%

CMYK

24.3%, 48.6%, 0.0%, 56.5%

OKLCH

0.4003 0.0926 305.7

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 4005 Blue Lilac

จิตวิทยาสี

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.

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

สีตรงข้าม

#54396F

#546F39

สีใกล้เคียง

#39396F

#6F396F

#54396F

สามสี

#54396F

#6F5439

#396F54

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

#54396F

#6F6F39

#396F39

สี่สี

#54396F

#6F3939

#546F39

#396F6F

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

ต้นฉบับ

#54396F

ตาบอดสีแดง

#484862

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

#4A4C5F

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

#535855

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

#434343

การใช้งาน CSS

background-color: #54396F;
color: #54396F;
border-color: #54396F;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 950 #1E1B4B

เฉดสี Tailwind

50
#F7F5F9
100
#EDE8F2
200
#DBD0E7
300
#C2AED5
400
#A182BF
500
#8057A8
600
#664587
700
#52376C
800
#402B54
900
#30223E
950
#1F1627

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

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

9.58:1

AA Pass AAA Pass

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

2.19:1

AA Fail AAA Fail

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

#54396F
#546F39
#54396F
#FFFFFF
#000000
#54396F

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

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

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 #54396F?

RGB(84, 57, 111) · HSL(270.0, 32.1%, 32.9%) · CMYK(24.3%, 48.6%, 0.0%, 56.5%)

Does #54396F meet WCAG contrast on white?

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

What text color is readable on #54396F?

Use FFFFFF text on a #54396F background; contrast on black is 2.19:1.