#502575

#502575

Overview

#502575 is a cool, dark color. In RGB it is 80, 37, 117, in HSL 272.2°, 51.9%, 30.2%, and in CMYK 31.6%, 68.4%, 0.0%, 54.1%. The nearest named color is slateblue 4.

On this page

ค่าสี

HEX

#502575

RGB

80, 37, 117

HSL

272.2, 51.9%, 30.2%

HSV

272.2, 68.4%, 45.9%

CMYK

31.6%, 68.4%, 0.0%, 54.1%

OKLCH

0.3664 0.1327 305.5

คุณสมบัติ

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

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

สีตรงข้าม

#502575

#4A7525

สีใกล้เคียง

#282575

#752572

#502575

สามสี

#502575

#755025

#257550

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

#502575

#727525

#257528

สี่สี

#502575

#752825

#4A7525

#257275

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

ต้นฉบับ

#502575

ตาบอดสีแดง

#3D3D62

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

#40435D

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

#4E524F

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

#343434

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F8F4FB
100
#EEE5F5
200
#DDC9EE
300
#C4A2E2
400
#A470D2
500
#843DC2
600
#6A319B
700
#55277C
800
#421F61
900
#321A47
950
#20102D

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

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

11.27:1

AA Pass AAA Pass

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

1.86:1

AA Fail AAA Fail

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

#502575
#4A7525
#502575
#FFFFFF
#000000
#502575

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

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

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

RGB(80, 37, 117) · HSL(272.2, 51.9%, 30.2%) · CMYK(31.6%, 68.4%, 0.0%, 54.1%)

Does #502575 meet WCAG contrast on white?

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

What text color is readable on #502575?

Use FFFFFF text on a #502575 background; contrast on black is 1.86:1.