#396F29#396F29
#396F29 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.124؛ OKLCH L 48.8% C 0.117 H 139.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #396F29 |
|---|---|
| RGB | rgb(57, 111, 41) |
| HSL | hsl(106, 46%, 30%) |
| HSV | hsv(106, 63%, 44%) |
| CMYK | cmyk(48.6%, 0%, 63.1%, 56.5%) |
| CIE-LAB | lab(41.84, -32.30, 32.80) |
| CIE-LCH | lch(41.84, 46.03, 134.56°) |
| OKLab | oklab(48.78% -0.0887 0.0768) |
| OKLCH | oklch(48.78% 0.117 139.1) |
| XYZ | xyz(7.7717, 12.3983, 4.0810) |
| Luminance | 0.1240 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Darkish Green
#287C37
ΔE00 5.43
Tree Green
#2A7E19
ΔE00 6.31
Darkolivegreen
#556B2F
ΔE00 6.34
Darkgreen
#006400
ΔE00 6.48
Camo Green
#526525
ΔE00 7.43
Forest Green
#2D5A27
ΔE00 7.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#396F29 #5F296F
analogous
#5C6F29 #396F29 #296F3C
triadic
#396F29 #29396F #6F2939
tetradic
#396F29 #295C6F #5F296F #6F3C29
square
#396F29 #295C6F #5F296F #6F3C29
split-complementary
#396F29 #3C296F #6F295C
monochromatic
#0B1608 #224218 #396F29 #509C3A #6CBF53
إمكانية الوصول والتباين
On white
6.03
#396F29 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.48
#396F29 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #396F29
6.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##396F29 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##396F29 | 1.00 | 6.03 | 3.48 | 6.03 |
| #FFFFFF | 6.03 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.48 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.03 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#726621
Deuteranopia (green-blind)
#6B612E
Tritanopia (blue-blind)
#356B60
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #396f29; /* rgb */ color: rgb(57, 111, 41); /* oklch */ color: oklch(48.8% 0.117 139.1);
Tailwind
colors: {
custom: {
50: '#749965',
500: '#396f29',
950: '#000000',
},
}SCSS
$custom: #396f29; $custom-light: #749965; $custom-dark: #000000;
JSON
{
"hex": "#396f29",
"rgb": {
"r": 57,
"g": 111,
"b": 41
},
"hsl": {
"h": 106.286,
"s": 46.053,
"l": 29.804
},
"oklch": {
"l": 0.48776,
"c": 0.11732,
"h": 139.1
},
"luminance": 0.12399
}Semantic roles & 50–950 ramp
primary
#396F29
secondary
#8F53A1
accent
#52D6B8
background
#F7F9F6
surface
#EDF2EB
border
#C8CCC6
text
#080E06
muted
#7B7E7A