#504396

#504396

Overview

#504396 is a cool, dark color. In RGB it is 80, 67, 150, in HSL 249.4°, 38.2%, 42.5%, and in CMYK 46.7%, 55.3%, 0.0%, 41.2%. The nearest named color is slateblue 4.

On this page

ค่าสี

HEX

#504396

RGB

80, 67, 150

HSL

249.4, 38.2%, 42.5%

HSV

249.4, 55.3%, 58.8%

CMYK

46.7%, 55.3%, 0.0%, 41.2%

OKLCH

0.4408 0.1309 286.9

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: slateblue 4

จิตวิทยาสี

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

สีตรงข้าม

#504396

#899643

สีใกล้เคียง

#435F96

#794396

#504396

สามสี

#504396

#965043

#439650

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

#504396

#967943

#5F9643

สี่สี

#504396

#96435F

#899643

#439679

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

ต้นฉบับ

#504396

ตาบอดสีแดง

#4A4A82

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

#4B4C7D

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

#4F726F

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

#4C4C4C

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F6F5FA
100
#E9E7F3
200
#D2CEE9
300
#B2AAD9
400
#887DC5
500
#5E4FB0
600
#4B3F8D
700
#3C3271
800
#2F2758
900
#252041
950
#171429

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

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

8.13:1

AA Pass AAA Pass

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

2.58:1

AA Fail AAA Fail

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

#504396
#899643
#504396
#FFFFFF
#000000
#504396

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

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

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

RGB(80, 67, 150) · HSL(249.4, 38.2%, 42.5%) · CMYK(46.7%, 55.3%, 0.0%, 41.2%)

Does #504396 meet WCAG contrast on white?

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

What text color is readable on #504396?

Use FFFFFF text on a #504396 background; contrast on black is 2.58:1.