#F4AF49

#F4AF49

Overview

#F4AF49 is a warm, light color. In RGB it is 244, 175, 73, in HSL 35.8°, 88.6%, 62.2%, and in CMYK 0.0%, 28.3%, 70.1%, 4.3%. The nearest named color is Yellow Orange.

On this page

रंग मान

HEX

#F4AF49

RGB

244, 175, 73

HSL

35.8, 88.6%, 62.2%

HSV

35.8, 70.1%, 95.7%

CMYK

0.0%, 28.3%, 70.1%, 4.3%

OKLCH

0.8015 0.1406 73.6

गुणधर्म

गर्म हल्का निकटतम: Yellow 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.

रंग सामंजस्य

पूरक

#F4AF49

#498EF4

अनुरूप

#F45A49

#E4F449

#F4AF49

त्रिकोणीय

#F4AF49

#49F4AF

#AF49F4

विभाजित पूरक

#F4AF49

#49E4F4

#5A49F4

चतुर्भुजीय

#F4AF49

#49F45A

#498EF4

#F449E4

रंग अंधता अनुकरण

मूल

#F4AF49

Protanopia

#D6D662

Deuteranopia

#DADF68

Tritanopia

#F17579

Achromatopsia

#B6B6B6

CSS उपयोग

background-color: #F4AF49;
color: #F4AF49;
border-color: #F4AF49;
निकटतम Tailwind: Yellow 600 #CA8A04

Tailwind शेड्स

50
#FDF8F2
100
#FBF0E0
200
#FBE1BC
300
#F8CC8C
400
#F4B14D
500
#F0950F
600
#C0770C
700
#9A6009
800
#784B07
900
#57380A
950
#372306

कंट्रास्ट चेकर

सफ़ेद पर पाठ

1.9:1

AA Fail AAA Fail

काले पर पाठ

11.07:1

AA Pass AAA Pass

तुलना करें

#F4AF49
#498EF4
#F4AF49
#FFFFFF
#000000
#F4AF49

संबंधित लेख

टूल गाइड

WCAG AA vs AAA: Contrast Requirements Compared

अग 20, 2026
ट्यूटोरियल

CSS color-mix(): Browser में Natively रंग Blend करें

जन 26, 2026
ट्यूटोरियल

Scratch से Color Picker Web Component बनाना

जन 21, 2026

अक्सर पूछे जाने वाले प्रश्न

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

RGB(244, 175, 73) · HSL(35.8, 88.6%, 62.2%) · CMYK(0.0%, 28.3%, 70.1%, 4.3%)

Does #F4AF49 meet WCAG contrast on white?

1.9:1 — WCAG AA विफल, AAA विफल for normal text.

What text color is readable on #F4AF49?

Use 000000 text on a #F4AF49 background; contrast on black is 11.07:1.