#60348C

#60348C

Overview

#60348C is a cool, dark color. In RGB it is 96, 52, 140, in HSL 270.0°, 45.8%, 37.6%, and in CMYK 31.4%, 62.9%, 0.0%, 45.1%. The nearest named color is rebeccapurple.

On this page

ค่าสี

HEX

#60348C

RGB

96, 52, 140

HSL

270.0, 45.8%, 37.6%

HSV

270.0, 62.9%, 54.9%

CMYK

31.4%, 62.9%, 0.0%, 45.1%

OKLCH

0.4251 0.142 304.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#60348C

#608C34

สีใกล้เคียง

#34348C

#8C348C

#60348C

สามสี

#60348C

#8C6034

#348C60

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

#60348C

#8C8C34

#348C34

สี่สี

#60348C

#8C3434

#608C34

#348C8C

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

ต้นฉบับ

#60348C

ตาบอดสีแดง

#4D4D77

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

#505372

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

#5E6662

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

#444444

การใช้งาน CSS

background-color: #60348C;
color: #60348C;
border-color: #60348C;
Tailwind ที่ใกล้เคียงที่สุด: Purple 900 #581C87

เฉดสี Tailwind

50
#F7F4FA
100
#EDE6F4
200
#DBCBEC
300
#C2A6DE
400
#A175CC
500
#8045BA
600
#663795
700
#522C77
800
#40235D
900
#301C44
950
#1F122B

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

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

8.87:1

AA Pass AAA Pass

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

2.37:1

AA Fail AAA Fail

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

#60348C
#608C34
#60348C
#FFFFFF
#000000
#60348C

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

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

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

RGB(96, 52, 140) · HSL(270.0, 45.8%, 37.6%) · CMYK(31.4%, 62.9%, 0.0%, 45.1%)

Does #60348C meet WCAG contrast on white?

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

What text color is readable on #60348C?

Use FFFFFF text on a #60348C background; contrast on black is 2.37:1.