#996170
#996170 ≈ Mauve Taupe
#996170 لون من عائلة «الوردي الأحمر»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 60% أحمر و38.04% أخضر و43.92% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و36.6% أرجواني و26.8% أصفر و40% أسود. زاوية صبغته 343.93°، وتشبّعه 22.4% وسطوعه 49.02% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالرومانسية والمرح والمودة. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 4.89:1 (WCAG AA). أقرب لون مسمّى هو Mauve Taupe (#915f6d)، وفرقه ΔE 2.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #996666 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.1649 |
الظلال
#996170 ممزوجًا تدريجيًا بالأسود.
التفتيحات
#996170 ممزوجًا تدريجيًا بالأبيض.
الدرجات
#996170 ممزوجًا تدريجيًا بالرمادي.
نص مقروء
4.89:1
AA ✓
AA Large ✓
AAA ✕
AAA Large ✓
نص مقروء
4.3:1
AA ✕
AA Large ✓
AAA ✕
AAA Large ✕
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-996170 {
color: #996170;
}
الخلفية
.bg-996170 {
background-color: #996170;
color: #ffffff;
}
الحد
.border-996170 {
border: 2px solid #996170;
}
متغيرات CSS
:root {
--color-primary: #996170;
--color-primary-rgb: 153 97 112;
--color-primary-hsl: 344 22% 49%;
}
تدرج
.gradient-996170 {
background: linear-gradient(135deg, #996170, #996e61);
}
ظل ملوّن
.shadow-996170 {
box-shadow: 0 8px 24px rgb(153 97 112 / 0.35);
}
Mauve Taupe
#996170 rgb(153, 97, 112) hsl(344, 22%, 49%) Mauve Taupe
#61998a rgb(97, 153, 138) hsl(164, 22%, 49%) Cadet Blue
#709961 rgb(112, 153, 97) hsl(104, 22%, 49%) Asparagus
#617099 rgb(97, 112, 153) hsl(224, 22%, 49%) Queen Blue