#AF6311

#AF6311

قيم الألوان

HEX

#AF6311

RGB

175, 99, 17

HSL

31,1, 82,3%, 37,6%

HSV

31,1, 90,3%, 68,6%

CMYK

0,0%, 43,4%, 90,3%, 31,4%

OKLCH

0,5748 0,1295 59,7

الخصائص

دافئ فاتح الأقرب: chocolate 3

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

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.

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

تكميلي

#AF6311

#115DAF

متشابه

#AF1411

#ACAF11

#AF6311

ثلاثي

#AF6311

#11AF63

#6311AF

تكميلي منقسم

#AF6311

#11ACAF

#1411AF

رباعي

#AF6311

#11AF14

#115DAF

#AF11AC

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

الأصلي

#AF6311

Protanopia

#8E8D25

Deuteranopia

#92982A

Tritanopia

#AB3538

Achromatopsia

#6D6D6D

استخدام CSS

background-color: #AF6311;

color: #AF6311;

border-color: #AF6311;

أقرب Tailwind: Yellow 700 #A16207

ظلال Tailwind

فاحص التباين

نص على الأبيض

4,55:1

AA Pass AAA Fail

نص على الأسود

4,62:1

AA Pass AAA Fail

قارن مع

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

دروس تعليمية

دالة color-mix() في CSS: مزج الألوان محليًا في المتصفح

يناير 26, 2026

دروس تعليمية

بناء منتقي ألوان كـ Web Component من الصفر

يناير 21, 2026

دروس تعليمية

الفضاءات اللونية الإدراكية: Lab وLCH وOklab وOKLCH

يناير 15, 2026

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

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

RGB(175, 99, 17) · HSL(31,1, 82,3%, 37,6%) · CMYK(0,0%, 43,4%, 90,3%, 31,4%)

Does #AF6311 meet WCAG contrast on white?

4,55:1 — WCAG AA ناجح, AAA فاشل for normal text.

What text color is readable on #AF6311?

Use 000000 text on a #AF6311 background; contrast on black is 4,62:1.