#D4380D

#D4380D

Overview

#D4380D is a warm, dark color. In RGB it is 212, 56, 13, in HSL 13.0°, 88.4%, 44.1%, and in CMYK 0.0%, 73.6%, 93.9%, 16.9%. The nearest named color is orangered 3.

On this page

ค่าสี

HEX

#D4380D

RGB

212, 56, 13

HSL

13.0, 88.4%, 44.1%

HSV

13.0, 93.9%, 83.1%

CMYK

0.0%, 73.6%, 93.9%, 16.9%

OKLCH

0.575 0.1984 34.4

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#D4380D

#0DA9D4

สีใกล้เคียง

#D40D45

#D49C0D

#D4380D

สามสี

#D4380D

#0DD438

#380DD4

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

#D4380D

#0DD49C

#0D45D4

สี่สี

#D4380D

#45D40D

#0DA9D4

#9C0DD4

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

ต้นฉบับ

#D4380D

ตาบอดสีแดง

#908F17

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

#9AA51A

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

#CC2021

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

#565656

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FDF4F2
100
#FBE6E0
200
#FBC9BC
300
#F8A38C
400
#F4714D
500
#F0400F
600
#C0330C
700
#9A2909
800
#782007
900
#571B0A
950
#371106

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

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

4.8:1

AA Pass AAA Fail

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

4.37:1

AA Fail AAA Fail

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

#D4380D
#0DA9D4
#D4380D
#FFFFFF
#000000
#D4380D

ส่วนหนึ่งของคอลเลกชันเหล่านี้

Ant Design Colors

Volcano 7

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #D4380D?

RGB(212, 56, 13) · HSL(13.0, 88.4%, 44.1%) · CMYK(0.0%, 73.6%, 93.9%, 16.9%)

Does #D4380D meet WCAG contrast on white?

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

What text color is readable on #D4380D?

Use FFFFFF text on a #D4380D background; contrast on black is 4.37:1.