#502172

#502172

Overview

#502172 is a cool, dark color. In RGB it is 80, 33, 114, in HSL 274.8°, 55.1%, 28.8%, and in CMYK 29.8%, 71.1%, 0.0%, 55.3%. The nearest named color is mediumorchid 4.

On this page

ค่าสี

HEX

#502172

RGB

80, 33, 114

HSL

274.8, 55.1%, 28.8%

HSV

274.8, 71.1%, 44.7%

CMYK

29.8%, 71.1%, 0.0%, 55.3%

OKLCH

0.3586 0.135 307.5

คุณสมบัติ

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

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

สีตรงข้าม

#502172

#437221

สีใกล้เคียง

#272172

#72216B

#502172

สามสี

#502172

#725021

#217250

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

#502172

#6B7221

#217227

สี่สี

#502172

#722721

#437221

#216B72

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

ต้นฉบับ

#502172

ตาบอดสีแดง

#3C3B5E

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

#3E425A

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

#4E4F4C

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

#313131

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F8F4FB
100
#EEE5F6
200
#DEC8EF
300
#C7A0E4
400
#A96DD5
500
#8B39C6
600
#6F2E9E
700
#59257F
800
#451D63
900
#341848
950
#210F2E

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

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

11.66:1

AA Pass AAA Pass

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

1.8:1

AA Fail AAA Fail

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

#502172
#437221
#502172
#FFFFFF
#000000
#502172

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

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

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

RGB(80, 33, 114) · HSL(274.8, 55.1%, 28.8%) · CMYK(29.8%, 71.1%, 0.0%, 55.3%)

Does #502172 meet WCAG contrast on white?

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

What text color is readable on #502172?

Use FFFFFF text on a #502172 background; contrast on black is 1.8:1.