#B2EA2C
#b2ea2c ≈ Inchworm
#b2ea2c لون من عائلة «الأصفر المخضر»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 69.8% أحمر و91.76% أخضر و17.25% أزرق؛ وعند طباعته بنظام CMYK يستخدم 23.93% سماوي و0% أرجواني و81.2% أصفر و8.24% أسود. زاوية صبغته 77.68°، وتشبّعه 81.9% وسطوعه 54.51% في نموذج HSL. يقع بين الدافئ والبارد، ويرتبط غالبًا بـالانتعاش والنمو والحيوية. يستخدمه المصممون عادةً في العلامات الصديقة للبيئة، الصحة والعافية وأزرار الدعوة إلى الإجراء. يحقق النص الأسود على هذا اللون نسبة تباين 14.7:1 (WCAG AAA). أقرب لون مسمّى هو Inchworm (#b2ec5d)، وفرقه ΔE 4.22.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #99ff33 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.6849 |
الظلال
#b2ea2c ممزوجًا تدريجيًا بالأسود.
التفتيحات
#b2ea2c ممزوجًا تدريجيًا بالأبيض.
الدرجات
#b2ea2c ممزوجًا تدريجيًا بالرمادي.
نص مقروء
1.43:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
نص مقروء
14.7:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-b2ea2c {
color: #b2ea2c;
}
الخلفية
.bg-b2ea2c {
background-color: #b2ea2c;
color: #000000;
}
الحد
.border-b2ea2c {
border: 2px solid #b2ea2c;
}
متغيرات CSS
:root {
--color-primary: #b2ea2c;
--color-primary-rgb: 178 234 44;
--color-primary-hsl: 78 82% 55%;
}
تدرج
.gradient-b2ea2c {
background: linear-gradient(135deg, #b2ea2c, #53ea2c);
}
ظل ملوّن
.shadow-b2ea2c {
box-shadow: 0 8px 24px rgb(178 234 44 / 0.35);
}
Inchworm
#b2ea2c rgb(178, 234, 44) hsl(78, 82%, 55%) Inchworm
#642cea rgb(100, 44, 234) hsl(258, 82%, 55%) Han Purple
#2cb2ea rgb(44, 178, 234) hsl(198, 82%, 55%) Deep Sky Blue
#ea2cb2 rgb(234, 44, 178) hsl(318, 82%, 55%) Shocking Pink