#71E042#71E042
#71E042 لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.572؛ OKLCH L 81.1% C 0.218 H 138.1°. أفضل لون لنص المتن هو #000000 بتباين 12.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #71E042 |
|---|---|
| RGB | rgb(113, 224, 66) |
| HSL | hsl(102, 72%, 57%) |
| HSV | hsv(102, 71%, 88%) |
| CMYK | cmyk(49.6%, 0%, 70.5%, 12.2%) |
| CIE-LAB | lab(80.30, -58.59, 64.18) |
| CIE-LCH | lch(80.30, 86.90, 132.40°) |
| OKLab | oklab(81.06% -0.1619 0.1454) |
| OKLCH | oklch(81.06% 0.218 138.1) |
| XYZ | xyz(34.4479, 57.2129, 14.3812) |
| Luminance | 0.5722 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Toxic Green
#61DE2A
ΔE00 1.80
Green Apple
#5EDC1F
ΔE00 2.39
Fresh Green
#69D84F
ΔE00 2.83
Kiwi Green
#8EE53F
ΔE00 3.52
Lightish Green
#61E160
ΔE00 4.09
Vibrant Green
#0ADD08
ΔE00 4.80
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#71E042 #B142E0
analogous
#C0E042 #71E042 #42E062
triadic
#71E042 #4271E0 #E04271
tetradic
#71E042 #42C0E0 #B142E0 #E06242
square
#71E042 #42C0E0 #B142E0 #E06242
split-complementary
#71E042 #6242E0 #E042C0
monochromatic
#3B9018 #51C520 #71E042 #99E977 #C0F1AB
إمكانية الوصول والتباين
On white
1.69
#71E042 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.44
#71E042 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #71E042
12.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##71E042 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##71E042 | 1.00 | 1.69 | 12.44 | 12.44 |
| #FFFFFF | 1.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E7CD28
Deuteranopia (green-blind)
#D8C451
Tritanopia (blue-blind)
#69D8C1
Achromatopsia (no color)
#C7C7C7
وسوم التصميم والكود
CSS
--color: #71e042; /* rgb */ color: rgb(113, 224, 66); /* oklch */ color: oklch(81.1% 0.218 138.1);
Tailwind
colors: {
custom: {
50: '#a3ea7f',
500: '#71e042',
950: '#000000',
},
}SCSS
$custom: #71e042; $custom-light: #a3ea7f; $custom-dark: #000000;
JSON
{
"hex": "#71e042",
"rgb": {
"r": 113,
"g": 224,
"b": 66
},
"hsl": {
"h": 102.152,
"s": 71.818,
"l": 56.863
},
"oklch": {
"l": 0.81064,
"c": 0.21759,
"h": 138.1
},
"luminance": 0.57215
}Semantic roles & 50–950 ramp
primary
#71E042
secondary
#773195
accent
#39EFB9
background
#FDFEFB
surface
#F7FDF2
border
#D0D5CC
text
#10160B
muted
#81847E