#574178

#574178

Overview

#574178 is a cool, dark color. In RGB it is 87, 65, 120, in HSL 264.0°, 29.7%, 36.3%, and in CMYK 27.5%, 45.8%, 0.0%, 52.9%. The nearest named color is mediumpurple 4.

On this page

ค่าสี

HEX

#574178

RGB

87, 65, 120

HSL

264.0, 29.7%, 36.3%

HSV

264.0, 45.8%, 47.1%

CMYK

27.5%, 45.8%, 0.0%, 52.9%

OKLCH

0.4242 0.0915 301.0

คุณสมบัติ

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

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

สีตรงข้าม

#574178

#627841

สีใกล้เคียง

#414778

#734178

#574178

สามสี

#574178

#785741

#417857

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

#574178

#787341

#477841

สี่สี

#574178

#784147

#627841

#417873

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

ต้นฉบับ

#574178

ตาบอดสีแดง

#4D4D6B

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

#4F5068

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

#56605E

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

#4A4A4A

การใช้งาน CSS

background-color: #574178;
color: #574178;
border-color: #574178;
Tailwind ที่ใกล้เคียงที่สุด: Blue 950 #172554

เฉดสี Tailwind

50
#F7F5F9
100
#ECE9F2
200
#D9D1E6
300
#BEB0D4
400
#9B85BD
500
#785AA5
600
#604884
700
#4D396A
800
#3C2D53
900
#2E233D
950
#1D1627

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

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

8.63:1

AA Pass AAA Pass

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

2.43:1

AA Fail AAA Fail

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

#574178
#627841
#574178
#FFFFFF
#000000
#574178

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

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

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 #574178?

RGB(87, 65, 120) · HSL(264.0, 29.7%, 36.3%) · CMYK(27.5%, 45.8%, 0.0%, 52.9%)

Does #574178 meet WCAG contrast on white?

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

What text color is readable on #574178?

Use FFFFFF text on a #574178 background; contrast on black is 2.43:1.