#563F6B

#563F6B

Overview

#563F6B is a cool, dark color. In RGB it is 86, 63, 107, in HSL 271.4°, 25.9%, 33.3%, and in CMYK 19.6%, 41.1%, 0.0%, 58.0%. The nearest named color is RAL 4005 Blue Lilac.

On this page

ค่าสี

HEX

#563F6B

RGB

86, 63, 107

HSL

271.4, 25.9%, 33.3%

HSV

271.4, 41.1%, 42.0%

CMYK

19.6%, 41.1%, 0.0%, 58.0%

OKLCH

0.4119 0.0764 307.4

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 4005 Blue Lilac

จิตวิทยาสี

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.

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

สีตรงข้าม

#563F6B

#546B3F

สีใกล้เคียง

#403F6B

#6B3F6A

#563F6B

สามสี

#563F6B

#6B563F

#3F6B56

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

#563F6B

#6A6B3F

#3F6B40

สี่สี

#563F6B

#6B403F

#546B3F

#3F6A6B

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

ต้นฉบับ

#563F6B

ตาบอดสีแดง

#4C4C60

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

#4D4F5E

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

#555856

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

#474747

การใช้งาน CSS

background-color: #563F6B;

color: #563F6B;

border-color: #563F6B;

Tailwind ที่ใกล้เคียงที่สุด: Blue 950 #172554

เฉดสี Tailwind

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

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

9.06:1

AA Pass AAA Pass

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

2.32: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 #563F6B?

RGB(86, 63, 107) · HSL(271.4, 25.9%, 33.3%) · CMYK(19.6%, 41.1%, 0.0%, 58.0%)

Does #563F6B meet WCAG contrast on white?

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

What text color is readable on #563F6B?

Use FFFFFF text on a #563F6B background; contrast on black is 2.32:1.