#DC4523

#DC4523

Overview

#DC4523 is a warm, light color. In RGB it is 220, 69, 35, in HSL 11.0°, 72.5%, 50.0%, and in CMYK 0.0%, 68.6%, 84.1%, 13.7%. The nearest named color is RAL 2010 Signal Orange.

On this page

ค่าสี

HEX

#DC4523

RGB

220, 69, 35

HSL

11.0, 72.5%, 50.0%

HSV

11.0, 84.1%, 86.3%

CMYK

0.0%, 68.6%, 84.1%, 13.7%

OKLCH

0.6027 0.1932 33.9

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: RAL 2010 Signal Orange

จิตวิทยาสี

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

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

สีตรงข้าม

#DC4523

#23BADC

สีใกล้เคียง

#DC235E

#DCA123

#DC4523

สามสี

#DC4523

#23DC45

#4523DC

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

#DC4523

#23DCA1

#235EDC

สี่สี

#DC4523

#5EDC23

#23BADC

#A123DC

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

ต้นฉบับ

#DC4523

ตาบอดสีแดง

#9B992B

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

#A3AF2D

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

#D43233

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

#636363

การใช้งาน CSS

background-color: #DC4523;
color: #DC4523;
border-color: #DC4523;
Tailwind ที่ใกล้เคียงที่สุด: Orange 700 #C2410C

เฉดสี Tailwind

50
#FCF4F3
100
#F8E6E2
200
#F5CBC1
300
#EEA695
400
#E5755C
500
#DC4523
600
#B0371C
700
#8D2C16
800
#6E2212
900
#501C11
950
#33120B

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

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

4.27:1

AA Fail AAA Fail

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

4.92:1

AA Pass AAA Fail

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

#DC4523
#23BADC
#DC4523
#FFFFFF
#000000
#DC4523

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

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

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

RGB(220, 69, 35) · HSL(11.0, 72.5%, 50.0%) · CMYK(0.0%, 68.6%, 84.1%, 13.7%)

Does #DC4523 meet WCAG contrast on white?

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

What text color is readable on #DC4523?

Use 000000 text on a #DC4523 background; contrast on black is 4.92:1.