#C5484C

#C5484C

Overview

#C5484C is a warm, dark color. In RGB it is 197, 72, 76, in HSL 358.1°, 51.9%, 52.7%, and in CMYK 0.0%, 63.5%, 61.4%, 22.7%. The nearest named color is Mahogany.

On this page

ค่าสี

HEX

#C5484C

RGB

197, 72, 76

HSL

358.1, 51.9%, 52.7%

HSV

358.1, 63.5%, 77.3%

CMYK

0.0%, 63.5%, 61.4%, 22.7%

OKLCH

0.5736 0.1598 21.8

คุณสมบัติ

อบอุ่น มืด ใกล้เคียงที่สุด: Mahogany

จิตวิทยาสี

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

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

สีตรงข้าม

#C5484C

#48C5C1

สีใกล้เคียง

#C5488A

#C58248

#C5484C

สามสี

#C5484C

#4CC548

#484CC5

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

#C5484C

#48C582

#488AC5

สี่สี

#C5484C

#8AC548

#48C5C1

#8248C5

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

ต้นฉบับ

#C5484C

ตาบอดสีแดง

#8F8E4B

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

#969F4B

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

#BF4A4A

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

#636363

การใช้งาน CSS

background-color: #C5484C;

color: #C5484C;

border-color: #C5484C;

Tailwind ที่ใกล้เคียงที่สุด: Rose 700 #BE123C

เฉดสี Tailwind

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

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

4.77:1

AA Pass AAA Fail

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

4.41: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 #C5484C?

RGB(197, 72, 76) · HSL(358.1, 51.9%, 52.7%) · CMYK(0.0%, 63.5%, 61.4%, 22.7%)

Does #C5484C meet WCAG contrast on white?

4.77:1 — WCAG AA ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #C5484C?

Use FFFFFF text on a #C5484C background; contrast on black is 4.41:1.