#563463

#563463

Overview

#563463 is a cool, dark color. In RGB it is 86, 52, 99, in HSL 283.4°, 31.1%, 29.6%, and in CMYK 13.1%, 47.5%, 0.0%, 61.2%. The nearest named color is RAL 4005 Blue Lilac.

On this page

ค่าสี

HEX

#563463

RGB

86, 52, 99

HSL

283.4, 31.1%, 29.6%

HSV

283.4, 47.5%, 38.8%

CMYK

13.1%, 47.5%, 0.0%, 61.2%

OKLCH

0.3865 0.0869 316.1

คุณสมบัติ

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

จิตวิทยาสี

Dark purples like plum and amethyst convey mystery, power, and regal authority. They suggest hidden depths, secret knowledge, and ambitious vision. In Western cultures, deep purple often appears in religious vestments and academic regalia, reinforcing its association with wisdom and ceremony.

Design Usage

Dark purple excels in entertainment branding, gaming interfaces, and luxury e-commerce. It creates dramatic hero sections and immersive backgrounds that feel rich and engaging. Pair it with electric violet or bright pink accents for energy, or with gold and cream for timeless elegance.

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

สีตรงข้าม

#563463

#416334

สีใกล้เคียง

#3E3463

#633458

#563463

สามสี

#563463

#635634

#346356

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

#563463

#586334

#34633E

สี่สี

#563463

#633E34

#416334

#345863

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

ต้นฉบับ

#563463

ตาบอดสีแดง

#474758

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

#494C55

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

#544F4D

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

#3F3F3F

การใช้งาน CSS

background-color: #563463;
color: #563463;
border-color: #563463;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 950 #1E1B4B

เฉดสี Tailwind

50
#F8F5F9
100
#EFE8F2
200
#E0D0E6
300
#CAAFD5
400
#AE83BE
500
#9158A7
600
#744686
700
#5D386B
800
#492C54
900
#37233E
950
#221627

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

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

10.16:1

AA Pass AAA Pass

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

2.07:1

AA Fail AAA Fail

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

#563463
#416334
#563463
#FFFFFF
#000000
#563463

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

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

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

RGB(86, 52, 99) · HSL(283.4, 31.1%, 29.6%) · CMYK(13.1%, 47.5%, 0.0%, 61.2%)

Does #563463 meet WCAG contrast on white?

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

What text color is readable on #563463?

Use FFFFFF text on a #563463 background; contrast on black is 2.07:1.