#345A28#345A28
#345A28 لون داكن ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.082؛ OKLCH L 42.6% C 0.089 H 138.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #345A28 |
|---|---|
| RGB | rgb(52, 90, 40) |
| HSL | hsl(106, 38%, 25%) |
| HSV | hsv(106, 56%, 35%) |
| CMYK | cmyk(42.2%, 0%, 55.6%, 64.7%) |
| CIE-LAB | lab(34.39, -24.31, 24.51) |
| CIE-LCH | lch(34.39, 34.52, 134.77°) |
| OKLab | oklab(42.61% -0.0667 0.0587) |
| OKLCH | oklch(42.61% 0.089 138.7) |
| XYZ | xyz(5.4552, 8.1953, 3.3015) |
| Luminance | 0.0820 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Forest Green
#2D5A27
ΔE00 1.33
Pine
#2B5D34
ΔE00 3.81
Hunter Green
#355E3B
ΔE00 4.72
Navy Green
#35530A
ΔE00 5.75
Forest
#0B5509
ΔE00 6.17
Deep Green
#02590F
ΔE00 6.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#345A28 #4E285A
analogous
#4D5A28 #345A28 #285A35
triadic
#345A28 #28345A #5A2834
tetradic
#345A28 #284D5A #4E285A #5A3528
square
#345A28 #284D5A #4E285A #5A3528
split-complementary
#345A28 #35285A #5A284D
monochromatic
#0C1509 #1C3015 #345A28 #4C843B #65AF4E
إمكانية الوصول والتباين
On white
7.96
#345A28 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.64
#345A28 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #345A28
7.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##345A28 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##345A28 | 1.00 | 7.96 | 2.64 | 7.96 |
| #FFFFFF | 7.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D5324
Deuteranopia (green-blind)
#57502B
Tritanopia (blue-blind)
#32574F
Achromatopsia (no color)
#515151
وسوم التصميم والكود
CSS
--color: #345a28; /* rgb */ color: rgb(52, 90, 40); /* oklch */ color: oklch(42.6% 0.089 138.7);
Tailwind
colors: {
custom: {
50: '#6e8963',
500: '#345a28',
950: '#000000',
},
}SCSS
$custom: #345a28; $custom-light: #6e8963; $custom-dark: #000000;
JSON
{
"hex": "#345a28",
"rgb": {
"r": 52,
"g": 90,
"b": 40
},
"hsl": {
"h": 105.6,
"s": 38.462,
"l": 25.49
},
"oklch": {
"l": 0.42606,
"c": 0.08886,
"h": 138.7
},
"luminance": 0.08196
}Semantic roles & 50–950 ramp
primary
#345A28
secondary
#7E518D
accent
#59CEB2
background
#F6F8F5
surface
#ECF0EA
border
#C7CBC6
text
#070B05
muted
#7A7C79