#5015AE

#5015AE

Overview

#5015AE is a cool, dark color. In RGB it is 80, 21, 174, in HSL 263.1°, 78.5%, 38.2%, and in CMYK 54.0%, 87.9%, 0.0%, 31.8%. The nearest named color is purple 3.

On this page

ค่าสี

HEX

#5015AE

RGB

80, 21, 174

HSL

263.1, 78.5%, 38.2%

HSV

263.1, 87.9%, 68.2%

CMYK

54.0%, 87.9%, 0.0%, 31.8%

OKLCH

0.4024 0.2108 290.4

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#5015AE

#73AE15

สีใกล้เคียง

#1527AE

#9C15AE

#5015AE

สามสี

#5015AE

#AE5015

#15AE50

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

#5015AE

#AE9C15

#27AE15

สี่สี

#5015AE

#AE1527

#73AE15

#15AE9C

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

ต้นฉบับ

#5015AE

ตาบอดสีแดง

#363689

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

#3A3E80

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

#4D6C65

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

#2D2D2D

การใช้งาน CSS

background-color: #5015AE;
color: #5015AE;
border-color: #5015AE;
Tailwind ที่ใกล้เคียงที่สุด: Violet 800 #5B21B6

เฉดสี Tailwind

50
#F6F2FC
100
#EAE1F9
200
#D5BFF7
300
#B792F2
400
#9057EB
500
#681BE4
600
#5416B6
700
#431292
800
#340E72
900
#290E53
950
#1A0934

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

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

10.2:1

AA Pass AAA Pass

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

2.06:1

AA Fail AAA Fail

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

#5015AE
#73AE15
#5015AE
#FFFFFF
#000000
#5015AE

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

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

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 #5015AE?

RGB(80, 21, 174) · HSL(263.1, 78.5%, 38.2%) · CMYK(54.0%, 87.9%, 0.0%, 31.8%)

Does #5015AE meet WCAG contrast on white?

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

What text color is readable on #5015AE?

Use FFFFFF text on a #5015AE background; contrast on black is 2.06:1.