#CE3CAE
#ce3cae ≈ Shocking Pink
#ce3cae لون من عائلة «الأرجواني»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 80.78% أحمر و23.53% أخضر و68.24% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و70.87% أرجواني و15.53% أصفر و19.22% أسود. زاوية صبغته 313.15°، وتشبّعه 59.84% وسطوعه 52.16% في نموذج HSL. يقع بين الدافئ والبارد، ويرتبط غالبًا بـالإبداع والجرأة والتفرد. يستخدمه المصممون عادةً في الجمال ومستحضرات التجميل، الاستوديوهات الإبداعية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 4.88:1 (WCAG AA). أقرب لون مسمّى هو Shocking Pink (#fc0fc0)، وفرقه ΔE 7.33.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #cc3399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.1941 |
الظلال
#ce3cae ممزوجًا تدريجيًا بالأسود.
التفتيحات
#ce3cae ممزوجًا تدريجيًا بالأبيض.
الدرجات
#ce3cae ممزوجًا تدريجيًا بالرمادي.
نص مقروء
4.3:1
AA ✕
AA Large ✓
AAA ✕
AAA Large ✕
نص مقروء
4.88:1
AA ✓
AA Large ✓
AAA ✕
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-ce3cae {
color: #ce3cae;
}
الخلفية
.bg-ce3cae {
background-color: #ce3cae;
color: #000000;
}
الحد
.border-ce3cae {
border: 2px solid #ce3cae;
}
متغيرات CSS
:root {
--color-primary: #ce3cae;
--color-primary-rgb: 206 60 174;
--color-primary-hsl: 313 60% 52%;
}
تدرج
.gradient-ce3cae {
background: linear-gradient(135deg, #ce3cae, #ce3c65);
}
ظل ملوّن
.shadow-ce3cae {
box-shadow: 0 8px 24px rgb(206 60 174 / 0.35);
}
Shocking Pink
#ce3cae rgb(206, 60, 174) hsl(313, 60%, 52%) Shocking Pink
#3cce5c rgb(60, 206, 92) hsl(133, 60%, 52%) Malachite
#aece3c rgb(174, 206, 60) hsl(73, 60%, 52%) Yellow Green
#3caece rgb(60, 174, 206) hsl(193, 60%, 52%) Moonstone Blue