#684C73

#684C73

Overview

#684C73 is a cool, dark color. In RGB it is 104, 76, 115, in HSL 283.1°, 20.4%, 37.5%, and in CMYK 9.6%, 33.9%, 0.0%, 54.9%. The nearest named color is RAL 4005 Blue Lilac.

On this page

ค่าสี

HEX

#684C73

RGB

104, 76, 115

HSL

283.1, 20.4%, 37.5%

HSV

283.1, 33.9%, 45.1%

CMYK

9.6%, 33.9%, 0.0%, 54.9%

OKLCH

0.4616 0.0703 316.2

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 4005 Blue Lilac

จิตวิทยาสี

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.

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

สีตรงข้าม

#684C73

#57734C

สีใกล้เคียง

#554C73

#734C6B

#684C73

สามสี

#684C73

#73684C

#4C7368

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

#684C73

#6B734C

#4C7355

สี่สี

#684C73

#73554C

#57734C

#4C6B73

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

ต้นฉบับ

#684C73

ตาบอดสีแดง

#5C5C6A

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

#5E6067

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

#676260

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

#555555

การใช้งาน CSS

background-color: #684C73;
color: #684C73;
border-color: #684C73;
Tailwind ที่ใกล้เคียงที่สุด: Slate 600 #475569

เฉดสี Tailwind

50
#F8F6F9
100
#EFEAF0
200
#DED4E3
300
#C7B5CE
400
#A98DB4
500
#8B659A
600
#6F517B
700
#594162
800
#45334D
900
#342839
950
#211924

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

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

7.32:1

AA Pass AAA Pass

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

2.87:1

AA Fail AAA Fail

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

#684C73
#57734C
#684C73
#FFFFFF
#000000
#684C73

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

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

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 #684C73?

RGB(104, 76, 115) · HSL(283.1, 20.4%, 37.5%) · CMYK(9.6%, 33.9%, 0.0%, 54.9%)

Does #684C73 meet WCAG contrast on white?

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

What text color is readable on #684C73?

Use FFFFFF text on a #684C73 background; contrast on black is 2.87:1.