#DD5F3C

#DD5F3C

Overview

#DD5F3C is a warm, light color. In RGB it is 221, 95, 60, in HSL 13.0°, 70.3%, 55.1%, and in CMYK 0.0%, 57.0%, 72.9%, 13.3%. The nearest named color is RAL 3022 Salmon Pink.

On this page

ค่าสี

HEX

#DD5F3C

RGB

221, 95, 60

HSL

13.0, 70.3%, 55.1%

HSV

13.0, 72.9%, 86.7%

CMYK

0.0%, 57.0%, 72.9%, 13.3%

OKLCH

0.6383 0.1659 36.3

คุณสมบัติ

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

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

สีตรงข้าม

#DD5F3C

#3CBADD

สีใกล้เคียง

#DD3C6A

#DDAF3C

#DD5F3C

สามสี

#DD5F3C

#3CDD5F

#5F3CDD

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

#DD5F3C

#3CDDAF

#3C6ADD

สี่สี

#DD5F3C

#6ADD3C

#3CBADD

#AF3CDD

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

ต้นฉบับ

#DD5F3C

ตาบอดสีแดง

#A6A544

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

#AEB746

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

#D74B4D

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

#777777

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FCF5F3
100
#F8E7E2
200
#F4CDC2
300
#EDA997
400
#E37B5E
500
#D94D26
600
#AE3D1E
700
#8B3118
800
#6D2613
900
#4F1F12
950
#32140B

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

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

3.64:1

AA Fail AAA Fail

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

5.78:1

AA Pass AAA Fail

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

#DD5F3C
#3CBADD
#DD5F3C
#FFFFFF
#000000
#DD5F3C

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

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

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

RGB(221, 95, 60) · HSL(13.0, 70.3%, 55.1%) · CMYK(0.0%, 57.0%, 72.9%, 13.3%)

Does #DD5F3C meet WCAG contrast on white?

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

What text color is readable on #DD5F3C?

Use 000000 text on a #DD5F3C background; contrast on black is 5.78:1.