#503273

#503273

Overview

#503273 is a cool, dark color. In RGB it is 80, 50, 115, in HSL 267.7°, 39.4%, 32.4%, and in CMYK 30.4%, 56.5%, 0.0%, 54.9%. The nearest named color is mediumpurple 4.

On this page

ค่าสี

HEX

#503273

RGB

80, 50, 115

HSL

267.7, 39.4%, 32.4%

HSV

267.7, 56.5%, 45.1%

CMYK

30.4%, 56.5%, 0.0%, 54.9%

OKLCH

0.3855 0.1094 302.9

คุณสมบัติ

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

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

สีตรงข้าม

#503273

#557332

สีใกล้เคียง

#323573

#713273

#503273

สามสี

#503273

#735032

#327350

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

#503273

#737132

#357332

สี่สี

#503273

#733235

#557332

#327371

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

ต้นฉบับ

#503273

ตาบอดสีแดง

#434363

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

#454760

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

#4E5754

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

#3D3D3D

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F7F5FA
100
#EDE7F3
200
#DACDE9
300
#C0AADA
400
#9E7BC6
500
#7C4DB2
600
#633E8E
700
#4F3172
800
#3E2759
900
#2F1F42
950
#1E1429

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

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

10.27:1

AA Pass AAA Pass

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

2.04:1

AA Fail AAA Fail

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

#503273
#557332
#503273
#FFFFFF
#000000
#503273

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

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

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

RGB(80, 50, 115) · HSL(267.7, 39.4%, 32.4%) · CMYK(30.4%, 56.5%, 0.0%, 54.9%)

Does #503273 meet WCAG contrast on white?

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

What text color is readable on #503273?

Use FFFFFF text on a #503273 background; contrast on black is 2.04:1.