#4FE355#4FE355
#4FE355 لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.573؛ OKLCH L 80.8% C 0.222 H 143.8°. أفضل لون لنص المتن هو #000000 بتباين 12.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4FE355 |
|---|---|
| RGB | rgb(79, 227, 85) |
| HSL | hsl(122, 73%, 60%) |
| HSV | hsv(122, 65%, 89%) |
| CMYK | cmyk(65.2%, 0%, 62.6%, 11%) |
| CIE-LAB | lab(80.32, -66.15, 56.43) |
| CIE-LCH | lch(80.32, 86.95, 139.53°) |
| OKLab | oklab(80.84% -0.1794 0.1315) |
| OKLCH | oklch(80.84% 0.222 143.8) |
| XYZ | xyz(32.3313, 57.2530, 17.9396) |
| Luminance | 0.5726 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightish Green
#61E160
ΔE00 1.58
Fresh Green
#69D84F
ΔE00 3.31
Toxic Green
#61DE2A
ΔE00 4.49
Vibrant Green
#0ADD08
ΔE00 4.72
Green Apple
#5EDC1F
ΔE00 5.01
Vivid Green
#2FEF10
ΔE00 5.39
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4FE355 #E34FDD
analogous
#93E34F #4FE355 #4FE39F
triadic
#4FE355 #554FE3 #E3554F
tetradic
#4FE355 #4F93E3 #E34FDD #E39F4F
square
#4FE355 #4F93E3 #E34FDD #E39F4F
split-complementary
#4FE355 #9F4FE3 #E34F93
monochromatic
#199E1F #22D329 #4FE355 #84EB88 #B9F4BB
إمكانية الوصول والتباين
On white
1.69
#4FE355 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.45
#4FE355 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #4FE355
12.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4FE355 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4FE355 | 1.00 | 1.69 | 12.45 | 12.45 |
| #FFFFFF | 1.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.45 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E7CF44
Deuteranopia (green-blind)
#D6C361
Tritanopia (blue-blind)
#2ADDC5
Achromatopsia (no color)
#C7C7C7
وسوم التصميم والكود
CSS
--color: #4fe355; /* rgb */ color: rgb(79, 227, 85); /* oklch */ color: oklch(80.8% 0.222 143.8);
Tailwind
colors: {
custom: {
50: '#91ed8a',
500: '#4fe355',
950: '#000000',
},
}SCSS
$custom: #4fe355; $custom-light: #91ed8a; $custom-dark: #000000;
JSON
{
"hex": "#4fe355",
"rgb": {
"r": 79,
"g": 227,
"b": 85
},
"hsl": {
"h": 122.432,
"s": 72.549,
"l": 60
},
"oklch": {
"l": 0.80839,
"c": 0.22239,
"h": 143.8
},
"luminance": 0.57256
}Semantic roles & 50–950 ramp
primary
#4FE355
secondary
#A1359D
accent
#39E8EF
background
#FCFFFC
surface
#F5FEF4
border
#CFD6CE
text
#0E160C
muted
#7F857F