#BE5E2D
#be5e2d ≈ Burnt Orange
#be5e2d لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 74.51% أحمر و36.86% أخضر و17.65% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و50.53% أرجواني و76.32% أصفر و25.49% أسود. زاوية صبغته 20.28°، وتشبّعه 61.7% وسطوعه 46.08% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء، علامات الطعام والمطاعم ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 4.83:1 (WCAG AA). أقرب لون مسمّى هو Burnt Orange (#cc5500)، وفرقه ΔE 4.92.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #cc6633 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.1914 |
الظلال
#be5e2d ممزوجًا تدريجيًا بالأسود.
التفتيحات
#be5e2d ممزوجًا تدريجيًا بالأبيض.
الدرجات
#be5e2d ممزوجًا تدريجيًا بالرمادي.
نص مقروء
4.35:1
AA ✕
AA Large ✓
AAA ✕
AAA Large ✕
نص مقروء
4.83:1
AA ✓
AA Large ✓
AAA ✕
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-be5e2d {
color: #be5e2d;
}
الخلفية
.bg-be5e2d {
background-color: #be5e2d;
color: #000000;
}
الحد
.border-be5e2d {
border: 2px solid #be5e2d;
}
متغيرات CSS
:root {
--color-primary: #be5e2d;
--color-primary-rgb: 190 94 45;
--color-primary-hsl: 20 62% 46%;
}
تدرج
.gradient-be5e2d {
background: linear-gradient(135deg, #be5e2d, #bea72d);
}
ظل ملوّن
.shadow-be5e2d {
box-shadow: 0 8px 24px rgb(190 94 45 / 0.35);
}
Burnt Orange
#be5e2d rgb(190, 94, 45) hsl(20, 62%, 46%) Burnt Orange
#2d8dbe rgb(45, 141, 190) hsl(200, 62%, 46%) Steel Blue
#2dbe5e rgb(45, 190, 94) hsl(140, 62%, 46%) Emerald
#5e2dbe rgb(94, 45, 190) hsl(260, 62%, 46%) Ocean Blue