#502C79

#502C79

Overview

#502C79 is a cool, dark color. In RGB it is 80, 44, 121, in HSL 268.1°, 46.7%, 32.4%, and in CMYK 33.9%, 63.6%, 0.0%, 52.5%. The nearest named color is slateblue 4.

On this page

ค่าสี

HEX

#502C79

RGB

80, 44, 121

HSL

268.1, 46.7%, 32.4%

HSV

268.1, 63.6%, 47.5%

CMYK

33.9%, 63.6%, 0.0%, 52.5%

OKLCH

0.3798 0.127 302.2

คุณสมบัติ

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

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

สีตรงข้าม

#502C79

#55792C

สีใกล้เคียง

#2C2E79

#772C79

#502C79

สามสี

#502C79

#79502C

#2C7950

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

#502C79

#79772C

#2E792C

สี่สี

#502C79

#792C2E

#55792C

#2C7977

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

ต้นฉบับ

#502C79

ตาบอดสีแดง

#404066

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

#424562

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

#4E5854

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

#393939

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F7F4FA
100
#EDE6F4
200
#DACBEC
300
#C0A5DE
400
#9E75CD
500
#7C44BB
600
#633696
700
#4F2B78
800
#3E225E
900
#2F1C45
950
#1E122B

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

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

10.62:1

AA Pass AAA Pass

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

1.98:1

AA Fail AAA Fail

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

#502C79
#55792C
#502C79
#FFFFFF
#000000
#502C79

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

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

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 #502C79?

RGB(80, 44, 121) · HSL(268.1, 46.7%, 32.4%) · CMYK(33.9%, 63.6%, 0.0%, 52.5%)

Does #502C79 meet WCAG contrast on white?

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

What text color is readable on #502C79?

Use FFFFFF text on a #502C79 background; contrast on black is 1.98:1.