#71E07B#71E07B
#71E07B لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.583؛ OKLCH L 81.7% C 0.172 H 145.6°. أفضل لون لنص المتن هو #000000 بتباين 12.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #71E07B |
|---|---|
| RGB | rgb(113, 224, 123) |
| HSL | hsl(125, 64%, 66%) |
| HSV | hsv(125, 50%, 88%) |
| CMYK | cmyk(49.6%, 0%, 45.1%, 12.2%) |
| CIE-LAB | lab(80.88, -52.36, 39.81) |
| CIE-LCH | lch(80.88, 65.78, 142.76°) |
| OKLab | oklab(81.73% -0.1422 0.0973) |
| OKLCH | oklch(81.73% 0.172 145.6) |
| XYZ | xyz(37.0388, 58.2492, 28.0265) |
| Luminance | 0.5825 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightish Green
#61E160
ΔE00 3.66
Weird Green
#3AE57F
ΔE00 4.09
Lightgreen
#90EE90
ΔE00 4.19
Tealish Green
#0CDC73
ΔE00 5.11
Fresh Green
#69D84F
ΔE00 5.50
Palegreen
#98FB98
ΔE00 6.55
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#71E07B #E071D6
analogous
#9EE071 #71E07B #71E0B2
triadic
#71E07B #7B71E0 #E07B71
tetradic
#71E07B #719EE0 #E071D6 #E0B271
square
#71E07B #719EE0 #E071D6 #E0B271
split-complementary
#71E07B #B271E0 #E0719E
monochromatic
#26B033 #3FD54C #71E07B #A3EBAA #D5F6D8
إمكانية الوصول والتباين
On white
1.66
#71E07B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.65
#71E07B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #71E07B
12.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##71E07B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##71E07B | 1.00 | 1.66 | 12.65 | 12.65 |
| #FFFFFF | 1.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E3CF73
Deuteranopia (green-blind)
#D4C582
Tritanopia (blue-blind)
#5FDBC8
Achromatopsia (no color)
#C9C9C9
وسوم التصميم والكود
CSS
--color: #71e07b; /* rgb */ color: rgb(113, 224, 123); /* oklch */ color: oklch(81.7% 0.172 145.6);
Tailwind
colors: {
custom: {
50: '#a1eaa2',
500: '#71e07b',
950: '#000000',
},
}SCSS
$custom: #71e07b; $custom-light: #a1eaa2; $custom-dark: #000000;
JSON
{
"hex": "#71e07b",
"rgb": {
"r": 113,
"g": 224,
"b": 123
},
"hsl": {
"h": 125.405,
"s": 64.162,
"l": 66.078
},
"oklch": {
"l": 0.81726,
"c": 0.17228,
"h": 145.6
},
"luminance": 0.58252
}Semantic roles & 50–950 ramp
primary
#71E07B
secondary
#B244A8
accent
#1ABCCC
background
#FCFEFC
surface
#F6FDF5
border
#D0D5CF
text
#0F160F
muted
#808480