#55306C

#55306C

Overview

#55306C is a cool, dark color. In RGB it is 85, 48, 108, in HSL 277.0°, 38.5%, 30.6%, and in CMYK 21.3%, 55.6%, 0.0%, 57.6%. The nearest named color is mediumpurple 4.

On this page

ค่าสี

HEX

#55306C

RGB

85, 48, 108

HSL

277.0, 38.5%, 30.6%

HSV

277.0, 55.6%, 42.4%

CMYK

21.3%, 55.6%, 0.0%, 57.6%

OKLCH

0.3836 0.1054 310.8

คุณสมบัติ

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

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

สีตรงข้าม

#55306C

#476C30

สีใกล้เคียง

#37306C

#6C3065

#55306C

สามสี

#55306C

#6C5530

#306C55

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

#55306C

#656C30

#306C37

สี่สี

#55306C

#6C3730

#476C30

#30656C

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

ต้นฉบับ

#55306C

ตาบอดสีแดง

#45455D

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

#474A5A

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

#535250

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

#3C3C3C

การใช้งาน CSS

background-color: #55306C;
color: #55306C;
border-color: #55306C;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 950 #4A044E

เฉดสี Tailwind

50
#F8F5FA
100
#EFE7F3
200
#DFCEE9
300
#C7AAD9
400
#A97CC5
500
#8B4EB1
600
#6F3F8D
700
#593271
800
#452758
900
#342041
950
#211429

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

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

10.37:1

AA Pass AAA Pass

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

2.03:1

AA Fail AAA Fail

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

#55306C
#476C30
#55306C
#FFFFFF
#000000
#55306C

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

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

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 #55306C?

RGB(85, 48, 108) · HSL(277.0, 38.5%, 30.6%) · CMYK(21.3%, 55.6%, 0.0%, 57.6%)

Does #55306C meet WCAG contrast on white?

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

What text color is readable on #55306C?

Use FFFFFF text on a #55306C background; contrast on black is 2.03:1.