#EC3031

#EC3031

Overview

#EC3031 is a warm, light color. In RGB it is 236, 48, 49, in HSL 359.7°, 83.2%, 55.7%, and in CMYK 0.0%, 79.7%, 79.2%, 7.5%. The nearest named color is firebrick 2.

On this page

ค่าสี

HEX

#EC3031

RGB

236, 48, 49

HSL

359.7, 83.2%, 55.7%

HSV

359.7, 79.7%, 92.5%

CMYK

0.0%, 79.7%, 79.2%, 7.5%

OKLCH

0.6133 0.2222 26.6

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: firebrick 2

จิตวิทยาสี

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.

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

สีตรงข้าม

#EC3031

#30ECEB

สีใกล้เคียง

#EC308F

#EC8D30

#EC3031

สามสี

#EC3031

#31EC30

#3031EC

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

#EC3031

#30EC8D

#308FEC

สี่สี

#EC3031

#8FEC30

#30ECEB

#8D30EC

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

ต้นฉบับ

#EC3031

ตาบอดสีแดง

#9B9931

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

#A6B431

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

#E33131

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

#585858

การใช้งาน CSS

background-color: #EC3031;
color: #EC3031;
border-color: #EC3031;
Tailwind ที่ใกล้เคียงที่สุด: Red 600 #DC2626

เฉดสี Tailwind

50
#FDF2F2
100
#FAE1E1
200
#F9BEBE
300
#F58F8F
400
#EF5253
500
#EA1516
600
#BB1112
700
#950E0E
800
#750B0B
900
#550C0D
950
#360808

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

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

4.17:1

AA Fail AAA Fail

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

5.03:1

AA Pass AAA Fail

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

#EC3031
#30ECEB
#EC3031
#FFFFFF
#000000
#EC3031

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

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

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

RGB(236, 48, 49) · HSL(359.7, 83.2%, 55.7%) · CMYK(0.0%, 79.7%, 79.2%, 7.5%)

Does #EC3031 meet WCAG contrast on white?

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

What text color is readable on #EC3031?

Use 000000 text on a #EC3031 background; contrast on black is 5.03:1.