#3ECB45#3ECB45
#3ECB45 لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.442؛ OKLCH L 74.1% C 0.211 H 143.7°. أفضل لون لنص المتن هو #000000 بتباين 9.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3ECB45 |
|---|---|
| RGB | rgb(62, 203, 69) |
| HSL | hsl(123, 58%, 52%) |
| HSV | hsv(123, 69%, 80%) |
| CMYK | cmyk(69.5%, 0%, 66%, 20.4%) |
| CIE-LAB | lab(72.34, -62.92, 54.16) |
| CIE-LCH | lch(72.34, 83.02, 139.28°) |
| OKLab | oklab(74.07% -0.1705 0.1251) |
| OKLCH | oklch(74.07% 0.212 143.7) |
| XYZ | xyz(24.4152, 44.1630, 12.8667) |
| Luminance | 0.4417 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lime Green
#32CD32
ΔE00 1.89
Shamrock Green
#02C14D
ΔE00 4.09
Fresh Green
#69D84F
ΔE00 4.51
Apple
#6ECB3C
ΔE00 4.65
Leafy Green
#51B73B
ΔE00 5.40
Kelly Green
#4CBB17
ΔE00 5.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3ECB45 #CB3EC4
analogous
#7DCB3E #3ECB45 #3ECB8C
triadic
#3ECB45 #453ECB #CB453E
tetradic
#3ECB45 #3E7DCB #CB3EC4 #CB8C3E
square
#3ECB45 #3E7DCB #CB3EC4 #CB8C3E
split-complementary
#3ECB45 #8C3ECB #CB3E7D
monochromatic
#1E7022 #2BA131 #3ECB45 #6ED873 #9EE5A2
إمكانية الوصول والتباين
On white
2.14
#3ECB45 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.83
#3ECB45 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #3ECB45
9.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3ECB45 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##3ECB45 | 1.00 | 2.14 | 9.83 | 9.83 |
| #FFFFFF | 2.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.83 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.83 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CFB833
Deuteranopia (green-blind)
#BFAD51
Tritanopia (blue-blind)
#0DC5AF
Achromatopsia (no color)
#B1B1B1
وسوم التصميم والكود
CSS
--color: #3ecb45; /* rgb */ color: rgb(62, 203, 69); /* oklch */ color: oklch(74.1% 0.211 143.7);
Tailwind
colors: {
custom: {
50: '#86dc7f',
500: '#3ecb45',
950: '#000000',
},
}SCSS
$custom: #3ecb45; $custom-light: #86dc7f; $custom-dark: #000000;
JSON
{
"hex": "#3ecb45",
"rgb": {
"r": 62,
"g": 203,
"b": 69
},
"hsl": {
"h": 122.979,
"s": 57.551,
"l": 51.961
},
"oklch": {
"l": 0.74072,
"c": 0.2115,
"h": 143.7
},
"luminance": 0.44166
}Semantic roles & 50–950 ramp
primary
#3ECB45
secondary
#D194CE
accent
#47D9E1
background
#F9FDF8
surface
#F1FBEF
border
#CBD4CA
text
#0D150A
muted
#7E837C