#3A321A
#3a321a ≈ Taupe
#3a321a لون من عائلة «الأصفر»، سطوعه منخفض جدًا وتشبّعه خافت. في نموذج RGB يتكوّن من 22.75% أحمر و19.61% أخضر و10.2% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و13.79% أرجواني و55.17% أصفر و77.25% أسود. زاوية صبغته 45°، وتشبّعه 38.1% وسطوعه 16.47% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 12.72:1 (WCAG AAA). أقرب لون مسمّى هو Taupe (#483c32)، وفرقه ΔE 8.69.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #333333 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.0326 |
الظلال
#3a321a ممزوجًا تدريجيًا بالأسود.
التفتيحات
#3a321a ممزوجًا تدريجيًا بالأبيض.
الدرجات
#3a321a ممزوجًا تدريجيًا بالرمادي.
نص مقروء
12.72:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
نص مقروء
1.65:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-3a321a {
color: #3a321a;
}
الخلفية
.bg-3a321a {
background-color: #3a321a;
color: #ffffff;
}
الحد
.border-3a321a {
border: 2px solid #3a321a;
}
متغيرات CSS
:root {
--color-primary: #3a321a;
--color-primary-rgb: 58 50 26;
--color-primary-hsl: 45 38% 16%;
}
تدرج
.gradient-3a321a {
background: linear-gradient(135deg, #3a321a, #323a1a);
}
ظل ملوّن
.shadow-3a321a {
box-shadow: 0 8px 24px rgb(58 50 26 / 0.35);
}
Taupe
#3a321a rgb(58, 50, 26) hsl(45, 38%, 16%) Taupe
#1a223a rgb(26, 34, 58) hsl(225, 38%, 16%) Oxford Blue
#1a3a32 rgb(26, 58, 50) hsl(165, 38%, 16%) Phthalo Green
#321a3a rgb(50, 26, 58) hsl(285, 38%, 16%) Byzantium