#504C64

#504C64

Overview

#504C64 is a cool, dark color. In RGB it is 80, 76, 100, in HSL 250.0°, 13.6%, 34.5%, and in CMYK 20.0%, 24.0%, 0.0%, 60.8%. The nearest named color is RAL 7015 Slate Grey.

On this page

ค่าสี

HEX

#504C64

RGB

80, 76, 100

HSL

250.0, 13.6%, 34.5%

HSV

250.0, 24.0%, 39.2%

CMYK

20.0%, 24.0%, 0.0%, 60.8%

OKLCH

0.4299 0.0395 292.3

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 7015 Slate Grey

จิตวิทยาสี

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.

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

สีตรงข้าม

#504C64

#60644C

สีใกล้เคียง

#4C5464

#5C4C64

#504C64

สามสี

#504C64

#64504C

#4C6450

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

#504C64

#645C4C

#54644C

สี่สี

#504C64

#644C54

#60644C

#4C645C

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

ต้นฉบับ

#504C64

ตาบอดสีแดง

#4E4E5E

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

#4E4F5D

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

#505A59

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

#4F4F4F

การใช้งาน CSS

background-color: #504C64;

color: #504C64;

border-color: #504C64;

Tailwind ที่ใกล้เคียงที่สุด: Slate 600 #475569

เฉดสี Tailwind

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

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

8.21:1

AA Pass AAA Pass

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

2.56: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 #504C64?

RGB(80, 76, 100) · HSL(250.0, 13.6%, 34.5%) · CMYK(20.0%, 24.0%, 0.0%, 60.8%)

Does #504C64 meet WCAG contrast on white?

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

What text color is readable on #504C64?

Use FFFFFF text on a #504C64 background; contrast on black is 2.56:1.