#FD6A02

#FD6A02

قيم الألوان

HEX

#FD6A02

RGB

253, 106, 2

HSL

24,9, 98,4%, 50,0%

HSV

24,9, 99,2%, 99,2%

CMYK

0,0%, 58,1%, 99,2%, 0,8%

OKLCH

0,698 0,1992 45,0

الخصائص

علم نفس الألوان

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.

تناسقات الألوان

محاكاة عمى الألوان

استخدام CSS

background-color: #FD6A02;
color: #FD6A02;
border-color: #FD6A02;
أقرب Tailwind: Orange 500 #F97316

ظلال Tailwind

فاحص التباين

نص على الأبيض

2,9:1

AA Fail AAA Fail

نص على الأسود

7,24:1

AA Pass AAA Pass

قارن مع

المقالات ذات الصلة

الأسئلة المتكررة

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

RGB(253, 106, 2) · HSL(24,9, 98,4%, 50,0%) · CMYK(0,0%, 58,1%, 99,2%, 0,8%)

Does #FD6A02 meet WCAG contrast on white?

2,9:1 — WCAG AA فاشل, AAA فاشل for normal text.

What text color is readable on #FD6A02?

Use 000000 text on a #FD6A02 background; contrast on black is 7,24:1.