#2FA952#2FA952
#2FA952 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.296؛ OKLCH L 64.9% C 0.164 H 148.7°. أفضل لون لنص المتن هو #000000 بتباين 6.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2FA952 |
|---|---|
| RGB | rgb(47, 169, 82) |
| HSL | hsl(137, 56%, 42%) |
| HSV | hsv(137, 72%, 66%) |
| CMYK | cmyk(72.2%, 0%, 51.5%, 33.7%) |
| CIE-LAB | lab(61.30, -52.12, 35.29) |
| CIE-LCH | lch(61.30, 62.94, 145.90°) |
| OKLab | oklab(64.89% -0.1403 0.0854) |
| OKLCH | oklch(64.89% 0.164 148.7) |
| XYZ | xyz(16.8819, 29.5876, 12.8023) |
| Luminance | 0.2959 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Medium Green
#39AD48
ΔE00 2.63
Emerald (survey)
#01A049
ΔE00 3.32
Shamrock
#01B44C
ΔE00 3.69
Dark Pastel Green
#56AE57
ΔE00 3.71
Mid Green
#50A747
ΔE00 3.84
Jade Green
#2BAF6A
ΔE00 4.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2FA952 #A92F86
analogous
#49A92F #2FA952 #2FA98F
triadic
#2FA952 #522FA9 #A9522F
tetradic
#2FA952 #2F49A9 #A92F86 #A98F2F
square
#2FA952 #2F49A9 #A92F86 #A98F2F
split-complementary
#2FA952 #8F2FA9 #A92F49
monochromatic
#144924 #22793B #2FA952 #49CC6F #79DA95
إمكانية الوصول والتباين
On white
3.04
#2FA952 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.92
#2FA952 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #2FA952
6.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2FA952 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2FA952 | 1.00 | 3.04 | 6.92 | 6.92 |
| #FFFFFF | 3.04 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.92 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AB9A4B
Deuteranopia (green-blind)
#9C9058
Tritanopia (blue-blind)
#00A695
Achromatopsia (no color)
#949494
وسوم التصميم والكود
CSS
--color: #2fa952; /* rgb */ color: rgb(47, 169, 82); /* oklch */ color: oklch(64.9% 0.164 148.7);
Tailwind
colors: {
custom: {
50: '#79c484',
500: '#2fa952',
950: '#000000',
},
}SCSS
$custom: #2fa952; $custom-light: #79c484; $custom-dark: #000000;
JSON
{
"hex": "#2fa952",
"rgb": {
"r": 47,
"g": 169,
"b": 82
},
"hsl": {
"h": 137.213,
"s": 56.481,
"l": 42.353
},
"oklch": {
"l": 0.64885,
"c": 0.1642,
"h": 148.7
},
"luminance": 0.29589
}Semantic roles & 50–950 ramp
primary
#2FA952
secondary
#C272AB
accent
#48B4E0
background
#F7FCF8
surface
#EEF8EF
border
#C9D1CA
text
#0A130B
muted
#7C827C