#2BB149#2BB149
#2BB149 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.324؛ OKLCH L 66.8% C 0.183 H 146.6°. أفضل لون لنص المتن هو #000000 بتباين 7.49:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2BB149 |
|---|---|
| RGB | rgb(43, 177, 73) |
| HSL | hsl(133, 61%, 43%) |
| HSV | hsv(133, 76%, 69%) |
| CMYK | cmyk(75.7%, 0%, 58.8%, 30.6%) |
| CIE-LAB | lab(63.70, -56.84, 42.56) |
| CIE-LCH | lch(63.70, 71.01, 143.18°) |
| OKLab | oklab(66.82% -0.153 0.1008) |
| OKLCH | oklch(66.82% 0.183 146.6) |
| XYZ | xyz(17.9197, 32.4368, 11.6186) |
| Luminance | 0.3244 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Medium Green
#39AD48
ΔE00 1.37
Shamrock
#01B44C
ΔE00 1.47
Kelly Green (survey)
#02AB2E
ΔE00 3.37
Dark Pastel Green
#56AE57
ΔE00 3.68
Mid Green
#50A747
ΔE00 4.03
Cool Green
#33B864
ΔE00 4.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2BB149 #B12B93
analogous
#50B12B #2BB149 #2BB18C
triadic
#2BB149 #492BB1 #B1492B
tetradic
#2BB149 #2B50B1 #B12B93 #B18C2B
square
#2BB149 #2B50B1 #B12B93 #B18C2B
split-complementary
#2BB149 #8C2BB1 #B12B50
monochromatic
#134F20 #1F8035 #2BB149 #47D266 #78DE8F
إمكانية الوصول والتباين
On white
2.80
#2BB149 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.49
#2BB149 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #2BB149
7.49:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2BB149 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2BB149 | 1.00 | 2.80 | 7.49 | 7.49 |
| #FFFFFF | 2.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.49 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B3A13E
Deuteranopia (green-blind)
#A49651
Tritanopia (blue-blind)
#00AD9A
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #2bb149; /* rgb */ color: rgb(43, 177, 73); /* oklch */ color: oklch(66.8% 0.183 146.6);
Tailwind
colors: {
custom: {
50: '#7ac97f',
500: '#2bb149',
950: '#000000',
},
}SCSS
$custom: #2bb149; $custom-light: #7ac97f; $custom-dark: #000000;
JSON
{
"hex": "#2bb149",
"rgb": {
"r": 43,
"g": 177,
"b": 73
},
"hsl": {
"h": 133.433,
"s": 60.909,
"l": 43.137
},
"oklch": {
"l": 0.66819,
"c": 0.18325,
"h": 146.6
},
"luminance": 0.32439
}Semantic roles & 50–950 ramp
primary
#2BB149
secondary
#C672B3
accent
#44C0E4
background
#F8FCF7
surface
#EFF8EE
border
#CAD1C9
text
#0B130A
muted
#7C827C