#2ECA2F#2ECA2F
#2ECA2F لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.430؛ OKLCH L 73.3% C 0.228 H 142.9°. أفضل لون لنص المتن هو #000000 بتباين 9.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2ECA2F |
|---|---|
| RGB | rgb(46, 202, 47) |
| HSL | hsl(120, 63%, 49%) |
| HSV | hsv(120, 77%, 79%) |
| CMYK | cmyk(77.2%, 0%, 76.7%, 20.8%) |
| CIE-LAB | lab(71.57, -66.98, 61.37) |
| CIE-LCH | lch(71.57, 90.85, 137.50°) |
| OKLab | oklab(73.3% -0.1818 0.1376) |
| OKLCH | oklch(73.3% 0.228 142.9) |
| XYZ | xyz(22.7589, 43.0244, 9.7939) |
| Luminance | 0.4303 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lime Green
#32CD32
ΔE00 0.78
Kelly Green
#4CBB17
ΔE00 4.60
Apple
#6ECB3C
ΔE00 4.62
Shamrock Green
#02C14D
ΔE00 5.01
Vibrant Green
#0ADD08
ΔE00 5.10
Fresh Green
#69D84F
ΔE00 5.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2ECA2F #CA2EC9
analogous
#7BCA2E #2ECA2F #2ECA7D
triadic
#2ECA2F #2F2ECA #CA2F2E
tetradic
#2ECA2F #2E7BCA #CA2EC9 #CA7D2E
square
#2ECA2F #2E7BCA #CA2EC9 #CA7D2E
split-complementary
#2ECA2F #7D2ECA #CA2E7B
monochromatic
#176618 #239823 #2ECA2F #5BDA5C #8DE58E
إمكانية الوصول والتباين
On white
2.19
#2ECA2F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.61
#2ECA2F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #2ECA2F
9.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2ECA2F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2ECA2F | 1.00 | 2.19 | 9.61 | 9.61 |
| #FFFFFF | 2.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CEB605
Deuteranopia (green-blind)
#BDAB41
Tritanopia (blue-blind)
#00C4AD
Achromatopsia (no color)
#AFAFAF
وسوم التصميم والكود
CSS
--color: #2eca2f; /* rgb */ color: rgb(46, 202, 47); /* oklch */ color: oklch(73.3% 0.228 142.9);
Tailwind
colors: {
custom: {
50: '#82db73',
500: '#2eca2f',
950: '#000000',
},
}SCSS
$custom: #2eca2f; $custom-light: #82db73; $custom-dark: #000000;
JSON
{
"hex": "#2eca2f",
"rgb": {
"r": 46,
"g": 202,
"b": 47
},
"hsl": {
"h": 120.385,
"s": 62.903,
"l": 48.627
},
"oklch": {
"l": 0.73303,
"c": 0.22798,
"h": 142.9
},
"luminance": 0.43027
}Semantic roles & 50–950 ramp
primary
#2ECA2F
secondary
#CF84CF
accent
#42E5E6
background
#F8FDF7
surface
#F0FBED
border
#CBD4C8
text
#0C1509
muted
#7D837B