#F97249

#F97249

Overview

#F97249 is a warm, light color. In RGB it is 249, 114, 73, in HSL 14.0°, 93.6%, 63.1%, and in CMYK 0.0%, 54.2%, 70.7%, 2.4%. The nearest named color is Outrageous Orange.

On this page

ค่าสี

HEX

#F97249

RGB

249, 114, 73

HSL

14.0, 93.6%, 63.1%

HSV

14.0, 70.7%, 97.6%

CMYK

0.0%, 54.2%, 70.7%, 2.4%

OKLCH

0.7072 0.1751 37.5

คุณสมบัติ

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

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

สีตรงข้าม

#F97249

#49D0F9

สีใกล้เคียง

#F94978

#F9CA49

#F97249

สามสี

#F97249

#49F972

#7249F9

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

#F97249

#49F9CA

#4978F9

สี่สี

#F97249

#78F949

#49D0F9

#CA49F9

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

ต้นฉบับ

#F97249

ตาบอดสีแดง

#BFBD53

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

#C6D055

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

#F25B5C

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

#8C8C8C

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FDF4F1
100
#FBE6DF
200
#FDC9BA
300
#FBA389
400
#F97248
500
#F74008
600
#C53307
700
#9E2905
800
#7B2004
900
#591B08
950
#381105

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

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

2.79:1

AA Fail AAA Fail

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

7.53:1

AA Pass AAA Pass

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

#F97249
#49D0F9
#F97249
#FFFFFF
#000000
#F97249

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

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

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

RGB(249, 114, 73) · HSL(14.0, 93.6%, 63.1%) · CMYK(0.0%, 54.2%, 70.7%, 2.4%)

Does #F97249 meet WCAG contrast on white?

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

What text color is readable on #F97249?

Use 000000 text on a #F97249 background; contrast on black is 7.53:1.