#396221#396221
#396221 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.097؛ OKLCH L 45.1% C 0.105 H 135.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #396221 |
|---|---|
| RGB | rgb(57, 98, 33) |
| HSL | hsl(98, 50%, 26%) |
| HSV | hsv(98, 66%, 38%) |
| CMYK | cmyk(41.8%, 0%, 66.3%, 61.6%) |
| CIE-LAB | lab(37.33, -27.19, 31.67) |
| CIE-LCH | lch(37.33, 41.74, 130.65°) |
| OKLab | oklab(45.05% -0.0754 0.0734) |
| OKLCH | oklch(45.05% 0.105 135.8) |
| XYZ | xyz(6.3294, 9.7147, 2.9802) |
| Luminance | 0.0972 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Forest Green
#2D5A27
ΔE00 4.29
Navy Green
#35530A
ΔE00 5.52
Camouflage Green
#4B6113
ΔE00 5.62
Camo Green
#526525
ΔE00 5.65
Darkolivegreen
#556B2F
ΔE00 6.00
Army Green
#4B5D16
ΔE00 6.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#396221 #4A2162
analogous
#596221 #396221 #216229
triadic
#396221 #213962 #622139
tetradic
#396221 #215962 #4A2162 #622921
square
#396221 #215962 #4A2162 #622921
split-complementary
#396221 #292162 #622159
monochromatic
#0D1708 #1E3412 #396221 #549030 #6EBE40
إمكانية الوصول والتباين
On white
7.14
#396221 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.94
#396221 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #396221
7.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##396221 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##396221 | 1.00 | 7.14 | 2.94 | 7.14 |
| #FFFFFF | 7.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.94 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.14 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#665A19
Deuteranopia (green-blind)
#605726
Tritanopia (blue-blind)
#385E54
Achromatopsia (no color)
#585858
وسوم التصميم والكود
CSS
--color: #396221; /* rgb */ color: rgb(57, 98, 33); /* oklch */ color: oklch(45.1% 0.105 135.8);
Tailwind
colors: {
custom: {
50: '#738f5f',
500: '#396221',
950: '#000000',
},
}SCSS
$custom: #396221; $custom-light: #738f5f; $custom-dark: #000000;
JSON
{
"hex": "#396221",
"rgb": {
"r": 57,
"g": 98,
"b": 33
},
"hsl": {
"h": 97.846,
"s": 49.618,
"l": 25.686
},
"oklch": {
"l": 0.45051,
"c": 0.10525,
"h": 135.8
},
"luminance": 0.09715
}Semantic roles & 50–950 ramp
primary
#396221
secondary
#7A4996
accent
#4FD9A6
background
#F7F8F5
surface
#EDF0E9
border
#C8CBC5
text
#080C05
muted
#7B7D79