#A2DC86#A2DC86
#A2DC86 لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.606؛ OKLCH L 83.4% C 0.129 H 136.0°. أفضل لون لنص المتن هو #000000 بتباين 13.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A2DC86 |
|---|---|
| RGB | rgb(162, 220, 134) |
| HSL | hsl(100, 55%, 69%) |
| HSV | hsv(100, 39%, 86%) |
| CMYK | cmyk(26.4%, 0%, 39.1%, 13.7%) |
| CIE-LAB | lab(82.16, -33.98, 36.42) |
| CIE-LCH | lch(82.16, 49.81, 133.01°) |
| OKLab | oklab(83.43% -0.093 0.0898) |
| OKLCH | oklch(83.43% 0.129 136) |
| XYZ | xyz(44.7954, 60.5876, 31.8841) |
| Luminance | 0.6059 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Light Grey Green
#B7E1A1
ΔE00 4.85
Pale Olive Green
#B1D27B
ΔE00 4.92
Lightgreen
#90EE90
ΔE00 5.50
Pistachio
#93C572
ΔE00 5.59
Light Moss Green
#A6C875
ΔE00 5.83
Washed Out Green
#BCF5A6
ΔE00 6.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A2DC86 #C086DC
analogous
#CDDC86 #A2DC86 #86DC95
triadic
#A2DC86 #86A2DC #DC86A2
tetradic
#A2DC86 #86CDDC #C086DC #DC9586
square
#A2DC86 #86CDDC #C086DC #DC9586
split-complementary
#A2DC86 #9586DC #DC86CD
monochromatic
#5EB434 #7ECE57 #A2DC86 #C6EAB5 #EBF7E5
إمكانية الوصول والتباين
On white
1.60
#A2DC86 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.12
#A2DC86 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A2DC86
13.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A2DC86 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A2DC86 | 1.00 | 1.60 | 13.12 | 13.12 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.12 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E2D080
Deuteranopia (green-blind)
#D9CA8B
Tritanopia (blue-blind)
#A1D6C7
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #a2dc86; /* rgb */ color: rgb(162, 220, 134); /* oklch */ color: oklch(83.4% 0.129 136.0);
Tailwind
colors: {
custom: {
50: '#bfe7aa',
500: '#a2dc86',
950: '#000000',
},
}SCSS
$custom: #a2dc86; $custom-light: #bfe7aa; $custom-dark: #000000;
JSON
{
"hex": "#a2dc86",
"rgb": {
"r": 162,
"g": 220,
"b": 134
},
"hsl": {
"h": 100.465,
"s": 55.128,
"l": 69.412
},
"oklch": {
"l": 0.83433,
"c": 0.12926,
"h": 136
},
"luminance": 0.60589
}Semantic roles & 50–950 ramp
primary
#A2DC86
secondary
#9453B3
accent
#23C38F
background
#FDFEFD
surface
#F9FCF7
border
#D2D5D0
text
#121610
muted
#828481