#ED855C
#ed855c ≈ Coral
#ed855c لون من عائلة «البرتقالي»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 92.94% أحمر و52.16% أخضر و36.08% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و43.88% أرجواني و61.18% أصفر و7.06% أسود. زاوية صبغته 16.97°، وتشبّعه 80.11% وسطوعه 64.51% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 8.11:1 (WCAG AAA). أقرب لون مسمّى هو Coral (#ff7f50)، وفرقه ΔE 3.51.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #ff9966 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.3555 |
الظلال
#ed855c ممزوجًا تدريجيًا بالأسود.
التفتيحات
#ed855c ممزوجًا تدريجيًا بالأبيض.
الدرجات
#ed855c ممزوجًا تدريجيًا بالرمادي.
نص مقروء
2.59:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
نص مقروء
8.11:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-ed855c {
color: #ed855c;
}
الخلفية
.bg-ed855c {
background-color: #ed855c;
color: #000000;
}
الحد
.border-ed855c {
border: 2px solid #ed855c;
}
متغيرات CSS
:root {
--color-primary: #ed855c;
--color-primary-rgb: 237 133 92;
--color-primary-hsl: 17 80% 65%;
}
تدرج
.gradient-ed855c {
background: linear-gradient(135deg, #ed855c, #edce5c);
}
ظل ملوّن
.shadow-ed855c {
box-shadow: 0 8px 24px rgb(237 133 92 / 0.35);
}
Coral
#ed855c rgb(237, 133, 92) hsl(17, 80%, 65%) Coral
#5cc4ed rgb(92, 196, 237) hsl(197, 80%, 65%) Sky Blue
#5ced85 rgb(92, 237, 133) hsl(137, 80%, 65%) Light Green
#855ced rgb(133, 92, 237) hsl(257, 80%, 65%) Medium Slate Blue