#D45F0B

#D45F0B

Overview

#D45F0B is a warm, light color. In RGB it is 212, 95, 11, in HSL 25.1°, 90.1%, 43.7%, and in CMYK 0.0%, 55.2%, 94.8%, 16.9%. The nearest named color is NCS S 1070-Y80R Orange.

On this page

ค่าสี

HEX

#D45F0B

RGB

212, 95, 11

HSL

25.1, 90.1%, 43.7%

HSV

25.1, 94.8%, 83.1%

CMYK

0.0%, 55.2%, 94.8%, 16.9%

OKLCH

0.6215 0.1676 47.3

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: NCS S 1070-Y80R 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.

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

สีตรงข้าม

#D45F0B

#0B80D4

สีใกล้เคียง

#D40B1B

#D4C30B

#D45F0B

สามสี

#D45F0B

#0BD45F

#5F0BD4

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

#D45F0B

#0BD4C3

#0B1BD4

สี่สี

#D45F0B

#1BD40B

#0B80D4

#C30BD4

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

ต้นฉบับ

#D45F0B

ตาบอดสีแดง

#A1A01F

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

#A8B124

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

#CE2F33

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

#727272

การใช้งาน CSS

background-color: #D45F0B;
color: #D45F0B;
border-color: #D45F0B;
Tailwind ที่ใกล้เคียงที่สุด: Orange 600 #EA580C

เฉดสี Tailwind

50
#FDF6F1
100
#FBEBDF
200
#FBD6BB
300
#F9B98B
400
#F6934C
500
#F26D0D
600
#C2570A
700
#9B4608
800
#793606
900
#582A09
950
#371B06

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

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

3.86:1

AA Fail AAA Fail

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

5.44:1

AA Pass AAA Fail

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

#D45F0B
#0B80D4
#D45F0B
#FFFFFF
#000000
#D45F0B

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

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

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

RGB(212, 95, 11) · HSL(25.1, 90.1%, 43.7%) · CMYK(0.0%, 55.2%, 94.8%, 16.9%)

Does #D45F0B meet WCAG contrast on white?

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

What text color is readable on #D45F0B?

Use 000000 text on a #D45F0B background; contrast on black is 5.44:1.