#5F308E

#5F308E

Overview

#5F308E is a cool, dark color. In RGB it is 95, 48, 142, in HSL 270.0°, 49.5%, 37.3%, and in CMYK 33.1%, 66.2%, 0.0%, 44.3%. The nearest named color is rebeccapurple.

On this page

ค่าสี

HEX

#5F308E

RGB

95, 48, 142

HSL

270.0, 49.5%, 37.3%

HSV

270.0, 66.2%, 55.7%

CMYK

33.1%, 66.2%, 0.0%, 44.3%

OKLCH

0.4195 0.1501 303.5

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#5F308E

#5F8E30

สีใกล้เคียง

#30308E

#8E308E

#5F308E

สามสี

#5F308E

#8E5F30

#308E5F

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

#5F308E

#8E8E30

#308E30

สี่สี

#5F308E

#8E3030

#5F8E30

#308E8E

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

ต้นฉบับ

#5F308E

ตาบอดสีแดง

#4B4A77

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

#4D5172

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

#5D6561

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

#414141

การใช้งาน CSS

background-color: #5F308E;

color: #5F308E;

border-color: #5F308E;

Tailwind ที่ใกล้เคียงที่สุด: Purple 900 #581C87

เฉดสี Tailwind

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

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

9.13:1

AA Pass AAA Pass

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

2.3:1

AA Fail AAA Fail

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

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

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

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 #5F308E?

RGB(95, 48, 142) · HSL(270.0, 49.5%, 37.3%) · CMYK(33.1%, 66.2%, 0.0%, 44.3%)

Does #5F308E meet WCAG contrast on white?

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

What text color is readable on #5F308E?

Use FFFFFF text on a #5F308E background; contrast on black is 2.3:1.