#672A7D

#672A7D

Overview

#672A7D is a cool, dark color. In RGB it is 103, 42, 125, in HSL 284.1°, 49.7%, 32.7%, and in CMYK 17.6%, 66.4%, 0.0%, 51.0%. The nearest named color is mediumorchid 4.

On this page

ค่าสี

HEX

#672A7D

RGB

103, 42, 125

HSL

284.1, 49.7%, 32.7%

HSV

284.1, 66.4%, 49.0%

CMYK

17.6%, 66.4%, 0.0%, 51.0%

OKLCH

0.4097 0.1426 315.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#672A7D

#407D2A

สีใกล้เคียง

#3D2A7D

#7D2A69

#672A7D

สามสี

#672A7D

#7D672A

#2A7D67

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

#672A7D

#697D2A

#2A7D3D

สี่สี

#672A7D

#7D3D2A

#407D2A

#2A697D

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

ต้นฉบับ

#672A7D

ตาบอดสีแดง

#4D4C69

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

#505564

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

#645956

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

#3D3D3D

การใช้งาน CSS

background-color: #672A7D;
color: #672A7D;
border-color: #672A7D;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 900 #701A75

เฉดสี Tailwind

50
#F9F4FB
100
#F1E6F5
200
#E4CAED
300
#D0A3E0
400
#B772D0
500
#9D40BF
600
#7E3399
700
#65297A
800
#4F205F
900
#3B1B46
950
#25112C

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

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

9.53:1

AA Pass AAA Pass

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

2.2:1

AA Fail AAA Fail

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

#672A7D
#407D2A
#672A7D
#FFFFFF
#000000
#672A7D

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

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

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 #672A7D?

RGB(103, 42, 125) · HSL(284.1, 49.7%, 32.7%) · CMYK(17.6%, 66.4%, 0.0%, 51.0%)

Does #672A7D meet WCAG contrast on white?

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

What text color is readable on #672A7D?

Use FFFFFF text on a #672A7D background; contrast on black is 2.2:1.