#D64F29

#D64F29

Overview

#D64F29 is a warm, light color. In RGB it is 214, 79, 41, in HSL 13.2°, 67.8%, 50.0%, and in CMYK 0.0%, 63.1%, 80.8%, 16.1%. The nearest named color is RAL 3022 Salmon Pink.

On this page

ค่าสี

HEX

#D64F29

RGB

214, 79, 41

HSL

13.2, 67.8%, 50.0%

HSV

13.2, 80.8%, 83.9%

CMYK

0.0%, 63.1%, 80.8%, 16.1%

OKLCH

0.6048 0.1775 36.1

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: RAL 3022 Salmon Pink

จิตวิทยาสี

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.

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

สีตรงข้าม

#D64F29

#29B0D6

สีใกล้เคียง

#D62959

#D6A629

#D64F29

สามสี

#D64F29

#29D64F

#4F29D6

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

#D64F29

#29D6A6

#2959D6

สี่สี

#D64F29

#59D629

#29B0D6

#A629D6

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

ต้นฉบับ

#D64F29

ตาบอดสีแดง

#9C9A32

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

#A3AD34

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

#CF393B

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

#696969

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FCF5F3
100
#F7E7E3
200
#F4CEC3
300
#EBAB98
400
#E17D61
500
#D64F29
600
#AB3F21
700
#89331A
800
#6B2815
900
#4E2013
950
#31140C

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

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

4.19:1

AA Fail AAA Fail

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

5.01:1

AA Pass AAA Fail

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

#D64F29
#29B0D6
#D64F29
#FFFFFF
#000000
#D64F29

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

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

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

RGB(214, 79, 41) · HSL(13.2, 67.8%, 50.0%) · CMYK(0.0%, 63.1%, 80.8%, 16.1%)

Does #D64F29 meet WCAG contrast on white?

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

What text color is readable on #D64F29?

Use 000000 text on a #D64F29 background; contrast on black is 5.01:1.