#54178B

#54178B

Overview

#54178B is a cool, dark color. In RGB it is 84, 23, 139, in HSL 271.6°, 71.6%, 31.8%, and in CMYK 39.6%, 83.5%, 0.0%, 45.5%. The nearest named color is purple 4.

On this page

ค่าสี

HEX

#54178B

RGB

84, 23, 139

HSL

271.6, 71.6%, 31.8%

HSV

271.6, 83.5%, 54.5%

CMYK

39.6%, 83.5%, 0.0%, 45.5%

OKLCH

0.3744 0.1742 301.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#54178B

#4E8B17

สีใกล้เคียง

#1A178B

#8B1788

#54178B

สามสี

#54178B

#8B5417

#178B54

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

#54178B

#888B17

#178B1A

สี่สี

#54178B

#8B1A17

#4E8B17

#17888B

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

ต้นฉบับ

#54178B

ตาบอดสีแดง

#3A396F

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

#3D4268

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

#515954

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

#2C2C2C

การใช้งาน CSS

background-color: #54178B;
color: #54178B;
border-color: #54178B;
Tailwind ที่ใกล้เคียงที่สุด: Purple 900 #581C87

เฉดสี Tailwind

50
#F8F3FC
100
#EEE2F8
200
#DDC2F5
300
#C496EE
400
#A45DE4
500
#8424DB
600
#6A1DAF
700
#55178C
800
#42126D
900
#321150
950
#200B32

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

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

11.22:1

AA Pass AAA Pass

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

1.87:1

AA Fail AAA Fail

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

#54178B
#4E8B17
#54178B
#FFFFFF
#000000
#54178B

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

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

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 #54178B?

RGB(84, 23, 139) · HSL(271.6, 71.6%, 31.8%) · CMYK(39.6%, 83.5%, 0.0%, 45.5%)

Does #54178B meet WCAG contrast on white?

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

What text color is readable on #54178B?

Use FFFFFF text on a #54178B background; contrast on black is 1.87:1.