#554161

#554161

Overview

#554161 is a cool, dark color. In RGB it is 85, 65, 97, in HSL 277.5°, 19.8%, 31.8%, and in CMYK 12.4%, 33.0%, 0.0%, 62.0%. The nearest named color is RAL 4005 Blue Lilac.

On this page

ค่าสี

HEX

#554161

RGB

85, 65, 97

HSL

277.5, 19.8%, 31.8%

HSV

277.5, 33.0%, 38.0%

CMYK

12.4%, 33.0%, 0.0%, 62.0%

OKLCH

0.4097 0.0578 312.4

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#554161

#4D6141

สีใกล้เคียง

#454161

#61415D

#554161

สามสี

#554161

#615541

#416155

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

#554161

#5D6141

#416145

สี่สี

#554161

#614541

#4D6141

#415D61

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

ต้นฉบับ

#554161

ตาบอดสีแดง

#4C4C59

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

#4E4F57

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

#545352

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

#484848

การใช้งาน CSS

background-color: #554161;
color: #554161;
border-color: #554161;
Tailwind ที่ใกล้เคียงที่สุด: Slate 700 #334155

เฉดสี Tailwind

50
#F8F6F9
100
#EEEAF0
200
#DDD4E2
300
#C5B6CE
400
#A58EB3
500
#866699
600
#6B527A
700
#564162
800
#43334C
900
#332839
950
#201924

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

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

9.07:1

AA Pass AAA Pass

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

2.31:1

AA Fail AAA Fail

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

#554161
#4D6141
#554161
#FFFFFF
#000000
#554161

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

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

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 #554161?

RGB(85, 65, 97) · HSL(277.5, 19.8%, 31.8%) · CMYK(12.4%, 33.0%, 0.0%, 62.0%)

Does #554161 meet WCAG contrast on white?

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

What text color is readable on #554161?

Use FFFFFF text on a #554161 background; contrast on black is 2.31:1.