#554C67

#554C67

Overview

#554C67 is a cool, dark color. In RGB it is 85, 76, 103, in HSL 260.0°, 15.1%, 35.1%, and in CMYK 17.5%, 26.2%, 0.0%, 59.6%. The nearest named color is Eggplant.

On this page

ค่าสี

HEX

#554C67

RGB

85, 76, 103

HSL

260.0, 15.1%, 35.1%

HSV

260.0, 26.2%, 40.4%

CMYK

17.5%, 26.2%, 0.0%, 59.6%

OKLCH

0.4361 0.0451 299.8

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#554C67

#5E674C

สีใกล้เคียง

#4C5067

#634C67

#554C67

สามสี

#554C67

#67554C

#4C6755

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

#554C67

#67634C

#50674C

สี่สี

#554C67

#674C50

#5E674C

#4C6763

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

ต้นฉบับ

#554C67

ตาบอดสีแดง

#515160

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

#52525F

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

#555B5A

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

#505050

การใช้งาน CSS

background-color: #554C67;

color: #554C67;

border-color: #554C67;

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

เฉดสี Tailwind

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

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

8.03:1

AA Pass AAA Pass

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

2.62: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 #554C67?

RGB(85, 76, 103) · HSL(260.0, 15.1%, 35.1%) · CMYK(17.5%, 26.2%, 0.0%, 59.6%)

Does #554C67 meet WCAG contrast on white?

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

What text color is readable on #554C67?

Use FFFFFF text on a #554C67 background; contrast on black is 2.62:1.