#3C324C

#3C324C

Overview

#3C324C is a cool, dark color. In RGB it is 60, 50, 76, in HSL 263.1°, 20.6%, 24.7%, and in CMYK 21.1%, 34.2%, 0.0%, 70.2%. The nearest named color is RAL 5013 Cobalt Blue.

On this page

ค่าสี

HEX

#3C324C

RGB

60, 50, 76

HSL

263.1, 20.6%, 24.7%

HSV

263.1, 34.2%, 29.8%

CMYK

21.1%, 34.2%, 0.0%, 70.2%

OKLCH

0.3393 0.0465 301.6

คุณสมบัติ

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

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

สีตรงข้าม

#3C324C

#424C32

สีใกล้เคียง

#32354C

#49324C

#3C324C

สามสี

#3C324C

#4C3C32

#324C3C

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

#3C324C

#4C4932

#354C32

สี่สี

#3C324C

#4C3235

#424C32

#324C49

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

ต้นฉบับ

#3C324C

ตาบอดสีแดง

#383846

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

#383944

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

#3C4140

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

#363636

การใช้งาน CSS

background-color: #3C324C;
color: #3C324C;
border-color: #3C324C;
Tailwind ที่ใกล้เคียงที่สุด: Slate 700 #334155

เฉดสี Tailwind

50
#F7F6F9
100
#ECEAF0
200
#DAD4E3
300
#BFB5CE
400
#9C8DB4
500
#79659A
600
#61517B
700
#4E4162
800
#3D334D
900
#2E2739
950
#1D1924

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

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

11.98:1

AA Pass AAA Pass

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

1.75:1

AA Fail AAA Fail

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

#3C324C
#424C32
#3C324C
#FFFFFF
#000000
#3C324C

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

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

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 #3C324C?

RGB(60, 50, 76) · HSL(263.1, 20.6%, 24.7%) · CMYK(21.1%, 34.2%, 0.0%, 70.2%)

Does #3C324C meet WCAG contrast on white?

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

What text color is readable on #3C324C?

Use FFFFFF text on a #3C324C background; contrast on black is 1.75:1.