#050FAF
#050faf ≈ Zaffre
#050faf لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه قوي. في نموذج RGB يتكوّن من 1.96% أحمر و5.88% أخضر و68.63% أزرق؛ وعند طباعته بنظام CMYK يستخدم 97.14% سماوي و91.43% أرجواني و0% أصفر و31.37% أسود. زاوية صبغته 236.47°، وتشبّعه 94.44% وسطوعه 35.29% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف وأزرار الدعوة إلى الإجراء. يحقق النص الأبيض على هذا اللون نسبة تباين 12.4:1 (WCAG AAA). أقرب لون مسمّى هو Zaffre (#0014a8)، وفرقه ΔE 1.1.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #000099 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.0347 |
الظلال
#050faf ممزوجًا تدريجيًا بالأسود.
التفتيحات
#050faf ممزوجًا تدريجيًا بالأبيض.
الدرجات
#050faf ممزوجًا تدريجيًا بالرمادي.
نص مقروء
12.4:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
نص مقروء
1.69:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-050faf {
color: #050faf;
}
الخلفية
.bg-050faf {
background-color: #050faf;
color: #ffffff;
}
الحد
.border-050faf {
border: 2px solid #050faf;
}
متغيرات CSS
:root {
--color-primary: #050faf;
--color-primary-rgb: 5 15 175;
--color-primary-hsl: 236 94% 35%;
}
تدرج
.gradient-050faf {
background: linear-gradient(135deg, #050faf, #5005af);
}
ظل ملوّن
.shadow-050faf {
box-shadow: 0 8px 24px rgb(5 15 175 / 0.35);
}
Zaffre
#050faf rgb(5, 15, 175) hsl(236, 94%, 35%) Zaffre
#afa505 rgb(175, 165, 5) hsl(56, 94%, 35%) Brass
#af050f rgb(175, 5, 15) hsl(356, 94%, 35%) Cornell Red
#0faf05 rgb(15, 175, 5) hsl(116, 94%, 35%) Kelly Green