#583A76

#583A76

Overview

#583A76 is a cool, dark color. In RGB it is 88, 58, 118, in HSL 270.0°, 34.1%, 34.5%, and in CMYK 25.4%, 50.8%, 0.0%, 53.7%. The nearest named color is mediumpurple 4.

On this page

ค่าสี

HEX

#583A76

RGB

88, 58, 118

HSL

270.0, 34.1%, 34.5%

HSV

270.0, 50.8%, 46.3%

CMYK

25.4%, 50.8%, 0.0%, 53.7%

OKLCH

0.411 0.1016 305.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#583A76

#58763A

สีใกล้เคียง

#3A3A76

#763A76

#583A76

สามสี

#583A76

#76583A

#3A7658

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

#583A76

#76763A

#3A763A

สี่สี

#583A76

#763A3A

#58763A

#3A7676

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

ต้นฉบับ

#583A76

ตาบอดสีแดง

#4B4B67

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

#4D4F64

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

#565C5A

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

#454545

การใช้งาน CSS

background-color: #583A76;
color: #583A76;
border-color: #583A76;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 900 #312E81

เฉดสี Tailwind

50
#F7F5FA
100
#EDE8F2
200
#DBCFE7
300
#C2ADD7
400
#A180C1
500
#8054AB
600
#664389
700
#52366D
800
#402A55
900
#30223F
950
#1F1528

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

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

9.2:1

AA Pass AAA Pass

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

2.28:1

AA Fail AAA Fail

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

#583A76
#58763A
#583A76
#FFFFFF
#000000
#583A76

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

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

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 #583A76?

RGB(88, 58, 118) · HSL(270.0, 34.1%, 34.5%) · CMYK(25.4%, 50.8%, 0.0%, 53.7%)

Does #583A76 meet WCAG contrast on white?

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

What text color is readable on #583A76?

Use FFFFFF text on a #583A76 background; contrast on black is 2.28:1.