#5315CC

#5315CC

Overview

#5315CC is a cool, dark color. In RGB it is 83, 21, 204, in HSL 260.3°, 81.3%, 44.1%, and in CMYK 59.3%, 89.7%, 0.0%, 20.0%. The nearest named color is mediumblue.

On this page

ค่าสี

HEX

#5315CC

RGB

83, 21, 204

HSL

260.3, 81.3%, 44.1%

HSV

260.3, 89.7%, 80.0%

CMYK

59.3%, 89.7%, 0.0%, 20.0%

OKLCH

0.4374 0.2408 285.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#5315CC

#8ECC15

สีใกล้เคียง

#1533CC

#AE15CC

#5315CC

สามสี

#5315CC

#CC5315

#15CC53

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

#5315CC

#CCAE15

#33CC15

สี่สี

#5315CC

#CC1533

#8ECC15

#15CCAE

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

ต้นฉบับ

#5315CC

ตาบอดสีแดง

#3838A0

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

#3C4095

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

#507D75

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

#2F2F2F

การใช้งาน CSS

background-color: #5315CC;

color: #5315CC;

border-color: #5315CC;

Tailwind ที่ใกล้เคียงที่สุด: Violet 700 #6D28D9

เฉดสี Tailwind

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

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

8.95:1

AA Pass AAA Pass

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

2.35:1

AA Fail AAA Fail

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

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026

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

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026

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

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #5315CC?

RGB(83, 21, 204) · HSL(260.3, 81.3%, 44.1%) · CMYK(59.3%, 89.7%, 0.0%, 20.0%)

Does #5315CC meet WCAG contrast on white?

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

What text color is readable on #5315CC?

Use FFFFFF text on a #5315CC background; contrast on black is 2.35:1.