#522F76

#522F76

Overview

#522F76 is a cool, dark color. In RGB it is 82, 47, 118, in HSL 269.6°, 43.0%, 32.4%, and in CMYK 30.5%, 60.2%, 0.0%, 53.7%. The nearest named color is darkslateblue.

On this page

ค่าสี

HEX

#522F76

RGB

82, 47, 118

HSL

269.6, 43.0%, 32.4%

HSV

269.6, 60.2%, 46.3%

CMYK

30.5%, 60.2%, 0.0%, 53.7%

OKLCH

0.3849 0.1189 304.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#522F76

#53762F

สีใกล้เคียง

#2F3076

#762F76

#522F76

สามสี

#522F76

#76522F

#2F7652

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

#522F76

#76762F

#30762F

สี่สี

#522F76

#762F30

#53762F

#2F7676

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

ต้นฉบับ

#522F76

ตาบอดสีแดง

#434365

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

#454861

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

#505754

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

#3C3C3C

การใช้งาน CSS

background-color: #522F76;
color: #522F76;
border-color: #522F76;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 900 #312E81

เฉดสี Tailwind

50
#F7F5FA
100
#EDE7F4
200
#DBCCEB
300
#C1A7DC
400
#A078C9
500
#7F49B6
600
#653A92
700
#512F75
800
#3F245B
900
#301E43
950
#1E132A

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

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

10.36:1

AA Pass AAA Pass

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

2.03:1

AA Fail AAA Fail

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

#522F76
#53762F
#522F76
#FFFFFF
#000000
#522F76

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

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

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 #522F76?

RGB(82, 47, 118) · HSL(269.6, 43.0%, 32.4%) · CMYK(30.5%, 60.2%, 0.0%, 53.7%)

Does #522F76 meet WCAG contrast on white?

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

What text color is readable on #522F76?

Use FFFFFF text on a #522F76 background; contrast on black is 2.03:1.