#52EA4A#52EA4A
#52EA4A لون فاتح جداً وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.611؛ OKLCH L 82.6% C 0.237 H 142.4°. أفضل لون لنص المتن هو #000000 بتباين 13.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #52EA4A |
|---|---|
| RGB | rgb(82, 234, 74) |
| HSL | hsl(117, 79%, 60%) |
| HSV | hsv(117, 68%, 92%) |
| CMYK | cmyk(65%, 0%, 68.4%, 8.2%) |
| CIE-LAB | lab(82.45, -68.94, 63.16) |
| CIE-LCH | lch(82.45, 93.50, 137.50°) |
| OKLab | oklab(82.59% -0.1876 0.1445) |
| OKLCH | oklch(82.59% 0.237 142.4) |
| XYZ | xyz(34.1366, 61.1304, 16.4776) |
| Luminance | 0.6113 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightish Green
#61E160
ΔE00 3.37
Vivid Green
#2FEF10
ΔE00 3.43
Toxic Green
#61DE2A
ΔE00 3.86
Light Neon Green
#4EFD54
ΔE00 4.01
Light Bright Green
#53FE5C
ΔE00 4.27
Bright Light Green
#2DFE54
ΔE00 4.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#52EA4A #E24AEA
analogous
#A2EA4A #52EA4A #4AEA92
triadic
#52EA4A #4A52EA #EA4A52
tetradic
#52EA4A #4AA2EA #E24AEA #EA924A
square
#52EA4A #4AA2EA #E24AEA #EA924A
split-complementary
#52EA4A #924AEA #EA4AA2
monochromatic
#1BA613 #23DD1A #52EA4A #86F081 #BBF7B8
إمكانية الوصول والتباين
On white
1.59
#52EA4A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.23
#52EA4A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #52EA4A
13.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##52EA4A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##52EA4A | 1.00 | 1.59 | 13.23 | 13.23 |
| #FFFFFF | 1.59 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.23 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.23 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EFD532
Deuteranopia (green-blind)
#DDC859
Tritanopia (blue-blind)
#31E3CA
Achromatopsia (no color)
#CDCDCD
وسوم التصميم والكود
CSS
--color: #52ea4a; /* rgb */ color: rgb(82, 234, 74); /* oklch */ color: oklch(82.6% 0.237 142.4);
Tailwind
colors: {
custom: {
50: '#95f284',
500: '#52ea4a',
950: '#000000',
},
}SCSS
$custom: #52ea4a; $custom-light: #95f284; $custom-dark: #000000;
JSON
{
"hex": "#52ea4a",
"rgb": {
"r": 82,
"g": 234,
"b": 74
},
"hsl": {
"h": 117,
"s": 79.208,
"l": 60.392
},
"oklch": {
"l": 0.82591,
"c": 0.2368,
"h": 142.4
},
"luminance": 0.61134
}Semantic roles & 50–950 ramp
primary
#52EA4A
secondary
#A230A8
accent
#0ADCD1
background
#FCFFFB
surface
#F5FEF2
border
#CFD6CC
text
#0F170B
muted
#80857E