#5CA49E
#5ca49e ≈ Cadet Blue
#5ca49e لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 36.08% أحمر و64.31% أخضر و61.96% أزرق؛ وعند طباعته بنظام CMYK يستخدم 43.9% سماوي و0% أرجواني و3.66% أصفر و35.69% أسود. زاوية صبغته 175°، وتشبّعه 28.35% وسطوعه 50.2% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 7.26:1 (WCAG AAA). أقرب لون مسمّى هو Cadet Blue (#5f9ea0)، وفرقه ΔE 4.06.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #669999 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.3129 |
الظلال
#5ca49e ممزوجًا تدريجيًا بالأسود.
التفتيحات
#5ca49e ممزوجًا تدريجيًا بالأبيض.
الدرجات
#5ca49e ممزوجًا تدريجيًا بالرمادي.
نص مقروء
2.89:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
نص مقروء
7.26:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-5ca49e {
color: #5ca49e;
}
الخلفية
.bg-5ca49e {
background-color: #5ca49e;
color: #000000;
}
الحد
.border-5ca49e {
border: 2px solid #5ca49e;
}
متغيرات CSS
:root {
--color-primary: #5ca49e;
--color-primary-rgb: 92 164 158;
--color-primary-hsl: 175 28% 50%;
}
تدرج
.gradient-5ca49e {
background: linear-gradient(135deg, #5ca49e, #5c86a4);
}
ظل ملوّن
.shadow-5ca49e {
box-shadow: 0 8px 24px rgb(92 164 158 / 0.35);
}
Cadet Blue
#5ca49e rgb(92, 164, 158) hsl(175, 28%, 50%) Cadet Blue
#a45c62 rgb(164, 92, 98) hsl(355, 28%, 50%) Copper Rose
#9e5ca4 rgb(158, 92, 164) hsl(295, 28%, 50%) Purpureus
#a49e5c rgb(164, 158, 92) hsl(55, 28%, 50%) Brass