#542F86

#542F86

Overview

#542F86 is a cool, dark color. In RGB it is 84, 47, 134, in HSL 265.5°, 48.1%, 35.5%, and in CMYK 37.3%, 64.9%, 0.0%, 47.5%. The nearest named color is rebeccapurple.

On this page

ค่าสี

HEX

#542F86

RGB

84, 47, 134

HSL

265.5, 48.1%, 35.5%

HSV

265.5, 64.9%, 52.5%

CMYK

37.3%, 64.9%, 0.0%, 47.5%

OKLCH

0.399 0.1396 299.6

คุณสมบัติ

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

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

สีตรงข้าม

#542F86

#61862F

สีใกล้เคียง

#2F3686

#802F86

#542F86

สามสี

#542F86

#86542F

#2F8654

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

#542F86

#86802F

#36862F

สี่สี

#542F86

#862F36

#61862F

#2F8680

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

ต้นฉบับ

#542F86

ตาบอดสีแดง

#444471

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

#46496C

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

#52605D

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

#3D3D3D

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F7F4FA
100
#ECE6F4
200
#D9CAEC
300
#BDA4DF
400
#9A73CE
500
#7642BD
600
#5F3597
700
#4C2A79
800
#3B215E
900
#2D1B45
950
#1D112C

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

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

9.87:1

AA Pass AAA Pass

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

2.13:1

AA Fail AAA Fail

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

#542F86
#61862F
#542F86
#FFFFFF
#000000
#542F86

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

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

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 #542F86?

RGB(84, 47, 134) · HSL(265.5, 48.1%, 35.5%) · CMYK(37.3%, 64.9%, 0.0%, 47.5%)

Does #542F86 meet WCAG contrast on white?

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

What text color is readable on #542F86?

Use FFFFFF text on a #542F86 background; contrast on black is 2.13:1.