#7477AC
#7477ac ≈ Glaucous
#7477ac لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 45.49% أحمر و46.67% أخضر و67.45% أزرق؛ وعند طباعته بنظام CMYK يستخدم 32.56% سماوي و30.81% أرجواني و0% أصفر و32.55% أسود. زاوية صبغته 236.79°، وتشبّعه 25.23% وسطوعه 56.47% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 4.98:1 (WCAG AA). أقرب لون مسمّى هو Glaucous (#6082b6)، وفرقه ΔE 8.7.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #666699 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.1989 |
الظلال
#7477ac ممزوجًا تدريجيًا بالأسود.
التفتيحات
#7477ac ممزوجًا تدريجيًا بالأبيض.
الدرجات
#7477ac ممزوجًا تدريجيًا بالرمادي.
نص مقروء
4.22:1
AA ✕
AA Large ✓
AAA ✕
AAA Large ✕
نص مقروء
4.98:1
AA ✓
AA Large ✓
AAA ✕
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-7477ac {
color: #7477ac;
}
الخلفية
.bg-7477ac {
background-color: #7477ac;
color: #000000;
}
الحد
.border-7477ac {
border: 2px solid #7477ac;
}
متغيرات CSS
:root {
--color-primary: #7477ac;
--color-primary-rgb: 116 119 172;
--color-primary-hsl: 237 25% 56%;
}
تدرج
.gradient-7477ac {
background: linear-gradient(135deg, #7477ac, #8d74ac);
}
ظل ملوّن
.shadow-7477ac {
box-shadow: 0 8px 24px rgb(116 119 172 / 0.35);
}
Glaucous
#7477ac rgb(116, 119, 172) hsl(237, 25%, 56%) Glaucous
#aca974 rgb(172, 169, 116) hsl(57, 25%, 56%) Sage
#ac7477 rgb(172, 116, 119) hsl(357, 25%, 56%) Rose Gold
#77ac74 rgb(119, 172, 116) hsl(117, 25%, 56%) Asparagus