#30163D

#30163D

Overview

#30163D is a cool, dark color. In RGB it is 48, 22, 61, in HSL 280.0°, 47.0%, 16.3%, and in CMYK 21.3%, 63.9%, 0.0%, 76.1%. The nearest named color is RAL 5002 Ultramarine Blue.

On this page

ค่าสี

HEX

#30163D

RGB

48, 22, 61

HSL

280.0, 47.0%, 16.3%

HSV

280.0, 63.9%, 23.9%

CMYK

21.3%, 63.9%, 0.0%, 76.1%

OKLCH

0.2577 0.076 313.1

คุณสมบัติ

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

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

สีตรงข้าม

#30163D

#233D16

สีใกล้เคียง

#1D163D

#3D1637

#30163D

สามสี

#30163D

#3D3016

#163D30

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

#30163D

#373D16

#163D1D

สี่สี

#30163D

#3D1D16

#233D16

#16373D

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

ต้นฉบับ

#30163D

ตาบอดสีแดง

#252534

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

#262831

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

#2F2C2A

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

#1E1E1E

การใช้งาน CSS

background-color: #30163D;
color: #30163D;
border-color: #30163D;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 950 #1E1B4B

เฉดสี Tailwind

50
#F8F4FA
100
#F0E6F4
200
#E1CBEC
300
#CBA5DF
400
#AF74CD
500
#9344BB
600
#763696
700
#5E2B78
800
#4A225E
900
#371C45
950
#23122C

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

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

16.06:1

AA Pass AAA Pass

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

1.31:1

AA Fail AAA Fail

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

#30163D
#233D16
#30163D
#FFFFFF
#000000
#30163D

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #30163D?

RGB(48, 22, 61) · HSL(280.0, 47.0%, 16.3%) · CMYK(21.3%, 63.9%, 0.0%, 76.1%)

Does #30163D meet WCAG contrast on white?

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

What text color is readable on #30163D?

Use FFFFFF text on a #30163D background; contrast on black is 1.31:1.