#420DA4

#420DA4

Overview

#420DA4 is a cool, dark color. In RGB it is 66, 13, 164, in HSL 261.1°, 85.3%, 34.7%, and in CMYK 59.8%, 92.1%, 0.0%, 35.7%. The nearest named color is darkblue.

On this page

ค่าสี

HEX

#420DA4

RGB

66, 13, 164

HSL

261.1, 85.3%, 34.7%

HSV

261.1, 92.1%, 64.3%

CMYK

59.8%, 92.1%, 0.0%, 35.7%

OKLCH

0.3719 0.2055 286.4

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: darkblue

จิตวิทยาสี

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

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

สีตรงข้าม

#420DA4

#6FA40D

สีใกล้เคียง

#0D23A4

#8E0DA4

#420DA4

สามสี

#420DA4

#A4420D

#0DA442

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

#420DA4

#A48E0D

#23A40D

สี่สี

#420DA4

#A40D23

#6FA40D

#0DA48E

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

ต้นฉบับ

#420DA4

ตาบอดสีแดง

#2B2B80

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

#2E3277

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

#3F635C

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

#232323

การใช้งาน CSS

background-color: #420DA4;

color: #420DA4;

border-color: #420DA4;

Tailwind ที่ใกล้เคียงที่สุด: Violet 800 #5B21B6

เฉดสี Tailwind

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

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

11.51:1

AA Pass AAA Pass

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

1.83:1

AA Fail AAA Fail

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

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

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

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 #420DA4?

RGB(66, 13, 164) · HSL(261.1, 85.3%, 34.7%) · CMYK(59.8%, 92.1%, 0.0%, 35.7%)

Does #420DA4 meet WCAG contrast on white?

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

What text color is readable on #420DA4?

Use FFFFFF text on a #420DA4 background; contrast on black is 1.83:1.