#12D296
#12d296 ≈ Caribbean Green
#12d296 لون من عائلة «الأخضر المزرق»، سطوعه متوسط وتشبّعه زاهٍ. في نموذج RGB يتكوّن من 7.06% أحمر و82.35% أخضر و58.82% أزرق؛ وعند طباعته بنظام CMYK يستخدم 91.43% سماوي و0% أرجواني و28.57% أصفر و17.65% أسود. زاوية صبغته 161.25°، وتشبّعه 84.21% وسطوعه 44.71% في نموذج HSL. يقع بين الدافئ والبارد، ويرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية وأزرار الدعوة إلى الإجراء. يحقق النص الأسود على هذا اللون نسبة تباين 10.68:1 (WCAG AAA). أقرب لون مسمّى هو Caribbean Green (#00cc99)، وفرقه ΔE 2.38.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #00cc99 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.4842 |
الظلال
#12d296 ممزوجًا تدريجيًا بالأسود.
التفتيحات
#12d296 ممزوجًا تدريجيًا بالأبيض.
الدرجات
#12d296 ممزوجًا تدريجيًا بالرمادي.
نص مقروء
1.97:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
نص مقروء
10.68:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-12d296 {
color: #12d296;
}
الخلفية
.bg-12d296 {
background-color: #12d296;
color: #000000;
}
الحد
.border-12d296 {
border: 2px solid #12d296;
}
متغيرات CSS
:root {
--color-primary: #12d296;
--color-primary-rgb: 18 210 150;
--color-primary-hsl: 161 84% 45%;
}
تدرج
.gradient-12d296 {
background: linear-gradient(135deg, #12d296, #12aed2);
}
ظل ملوّن
.shadow-12d296 {
box-shadow: 0 8px 24px rgb(18 210 150 / 0.35);
}
Caribbean Green
#12d296 rgb(18, 210, 150) hsl(161, 84%, 45%) Caribbean Green
#d2124e rgb(210, 18, 78) hsl(341, 84%, 45%) Raspberry
#9612d2 rgb(150, 18, 210) hsl(281, 84%, 45%) Dark Violet
#d29612 rgb(210, 150, 18) hsl(41, 84%, 45%) Gamboge