#31053C

#31053C

Overview

#31053C is a cool, dark color. In RGB it is 49, 5, 60, in HSL 288.0°, 84.6%, 12.7%, and in CMYK 18.3%, 91.7%, 0.0%, 76.5%. The nearest named color is RAL 5002 Ultramarine Blue.

On this page

ค่าสี

HEX

#31053C

RGB

49, 5, 60

HSL

288.0, 84.6%, 12.7%

HSV

288.0, 91.7%, 23.5%

CMYK

18.3%, 91.7%, 0.0%, 76.5%

OKLCH

0.2352 0.1026 318.5

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 5002 Ultramarine Blue

จิตวิทยาสี

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.

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

สีตรงข้าม

#31053C

#103C05

สีใกล้เคียง

#15053C

#3C052B

#31053C

สามสี

#31053C

#3C3105

#053C31

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

#31053C

#2B3C05

#053C15

สี่สี

#31053C

#3C1505

#103C05

#052B3C

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

ต้นฉบับ

#31053C

ตาบอดสีแดง

#1E1E2F

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

#20242C

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

#2F2422

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

#121212

การใช้งาน CSS

background-color: #31053C;
color: #31053C;
border-color: #31053C;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 950 #4A044E

เฉดสี Tailwind

50
#FBF2FD
100
#F5E0FA
200
#EDBDFA
300
#E18EF6
400
#D151F0
500
#C014EB
600
#9A10BC
700
#7B0D97
800
#600A76
900
#470C55
950
#2D0736

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

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

17.25:1

AA Pass AAA Pass

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

1.22:1

AA Fail AAA Fail

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

#31053C
#103C05
#31053C
#FFFFFF
#000000
#31053C

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

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

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 #31053C?

RGB(49, 5, 60) · HSL(288.0, 84.6%, 12.7%) · CMYK(18.3%, 91.7%, 0.0%, 76.5%)

Does #31053C meet WCAG contrast on white?

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

What text color is readable on #31053C?

Use FFFFFF text on a #31053C background; contrast on black is 1.22:1.