#22063C

#22063C

Overview

#22063C is a cool, dark color. In RGB it is 34, 6, 60, in HSL 271.1°, 81.8%, 12.9%, and in CMYK 43.3%, 90.0%, 0.0%, 76.5%. The nearest named color is RAL 5002 Ultramarine Blue.

On this page

ค่าสี

HEX

#22063C

RGB

34, 6, 60

HSL

271.1, 81.8%, 12.9%

HSV

271.1, 90.0%, 23.5%

CMYK

43.3%, 90.0%, 0.0%, 76.5%

OKLCH

0.2119 0.0959 302.3

คุณสมบัติ

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

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

สีตรงข้าม

#22063C

#203C06

สีใกล้เคียง

#07063C

#3C063B

#22063C

สามสี

#22063C

#3C2206

#063C22

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

#22063C

#3B3C06

#063C07

สี่สี

#22063C

#3C0706

#203C06

#063B3C

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

ต้นฉบับ

#22063C

ตาบอดสีแดง

#16162F

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

#181A2C

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

#212522

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

#101010

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F8F2FD
100
#EEE1FA
200
#DCBEF9
300
#C490F4
400
#A353EE
500
#8317E8
600
#6913B9
700
#540F94
800
#420C74
900
#320D54
950
#1F0835

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

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

18.11:1

AA Pass AAA Pass

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

1.16:1

AA Fail AAA Fail

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

#22063C
#203C06
#22063C
#FFFFFF
#000000
#22063C

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

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

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

RGB(34, 6, 60) · HSL(271.1, 81.8%, 12.9%) · CMYK(43.3%, 90.0%, 0.0%, 76.5%)

Does #22063C meet WCAG contrast on white?

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

What text color is readable on #22063C?

Use FFFFFF text on a #22063C background; contrast on black is 1.16:1.