#2BB329#2BB329
#2BB329 لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.329؛ OKLCH L 67.1% C 0.207 H 142.7°. أفضل لون لنص المتن هو #000000 بتباين 7.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2BB329 |
|---|---|
| RGB | rgb(43, 179, 41) |
| HSL | hsl(119, 63%, 43%) |
| HSV | hsv(119, 77%, 70%) |
| CMYK | cmyk(76%, 0%, 77.1%, 29.8%) |
| CIE-LAB | lab(64.09, -60.68, 56.00) |
| CIE-LCH | lch(64.09, 82.57, 137.30°) |
| OKLab | oklab(67.06% -0.1648 0.1256) |
| OKLCH | oklch(67.06% 0.207 142.7) |
| XYZ | xyz(17.5155, 32.9119, 7.5269) |
| Luminance | 0.3291 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Green (survey)
#15B01A
ΔE00 1.40
Leafy Green
#51B73B
ΔE00 2.91
Kelly Green (survey)
#02AB2E
ΔE00 3.07
Kelly Green
#4CBB17
ΔE00 4.05
Medium Green
#39AD48
ΔE00 4.25
Grass
#5CAC2D
ΔE00 4.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2BB329 #B129B3
analogous
#70B329 #2BB329 #29B36C
triadic
#2BB329 #292BB3 #B3292B
tetradic
#2BB329 #2970B3 #B129B3 #B36C29
square
#2BB329 #2970B3 #B129B3 #B36C29
split-complementary
#2BB329 #6C29B3 #B32970
monochromatic
#134F12 #1F811E #2BB329 #47D445 #78E077
إمكانية الوصول والتباين
On white
2.77
#2BB329 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.58
#2BB329 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #2BB329
7.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2BB329 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2BB329 | 1.00 | 2.77 | 7.58 | 7.58 |
| #FFFFFF | 2.77 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.58 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B7A205
Deuteranopia (green-blind)
#A89739
Tritanopia (blue-blind)
#00AE99
Achromatopsia (no color)
#9B9B9B
وسوم التصميم والكود
CSS
--color: #2bb329; /* rgb */ color: rgb(43, 179, 41); /* oklch */ color: oklch(67.1% 0.207 142.7);
Tailwind
colors: {
custom: {
50: '#7ccb6d',
500: '#2bb329',
950: '#000000',
},
}SCSS
$custom: #2bb329; $custom-light: #7ccb6d; $custom-dark: #000000;
JSON
{
"hex": "#2bb329",
"rgb": {
"r": 43,
"g": 179,
"b": 41
},
"hsl": {
"h": 119.13,
"s": 62.727,
"l": 43.137
},
"oklch": {
"l": 0.67057,
"c": 0.20723,
"h": 142.7
},
"luminance": 0.32914
}Semantic roles & 50–950 ramp
primary
#2BB329
secondary
#C670C7
accent
#42E6E3
background
#F8FCF6
surface
#EFF9EC
border
#CAD2C7
text
#0B1308
muted
#7C827B