#551C76

#551C76

Overview

#551C76 is a cool, dark color. In RGB it is 85, 28, 118, in HSL 278.0°, 61.6%, 28.6%, and in CMYK 28.0%, 76.3%, 0.0%, 53.7%. The nearest named color is darkorchid 4.

On this page

ค่าสี

HEX

#551C76

RGB

85, 28, 118

HSL

278.0, 61.6%, 28.6%

HSV

278.0, 76.3%, 46.3%

CMYK

28.0%, 76.3%, 0.0%, 53.7%

OKLCH

0.3626 0.1476 309.8

คุณสมบัติ

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

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

สีตรงข้าม

#551C76

#3D761C

สีใกล้เคียง

#281C76

#761C6A

#551C76

สามสี

#551C76

#76551C

#1C7655

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

#551C76

#6A761C

#1C7628

สี่สี

#551C76

#76281C

#3D761C

#1C6A76

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

ต้นฉบับ

#551C76

ตาบอดสีแดง

#3C3C60

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

#40445B

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

#524F4B

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

#2F2F2F

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F8F3FB
100
#F0E4F6
200
#E1C5F1
300
#CC9CE7
400
#B067DB
500
#9431CE
600
#7727A5
700
#5F1F84
800
#4A1867
900
#38164B
950
#230E30

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

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

11.58:1

AA Pass AAA Pass

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

1.81:1

AA Fail AAA Fail

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

#551C76
#3D761C
#551C76
#FFFFFF
#000000
#551C76

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

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

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 #551C76?

RGB(85, 28, 118) · HSL(278.0, 61.6%, 28.6%) · CMYK(28.0%, 76.3%, 0.0%, 53.7%)

Does #551C76 meet WCAG contrast on white?

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

What text color is readable on #551C76?

Use FFFFFF text on a #551C76 background; contrast on black is 1.81:1.