#446536#446536
#446536 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.108؛ OKLCH L 46.9% C 0.082 H 136.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #446536 |
|---|---|
| RGB | rgb(68, 101, 54) |
| HSL | hsl(102, 30%, 30%) |
| HSV | hsv(102, 47%, 40%) |
| CMYK | cmyk(32.7%, 0%, 46.5%, 60.4%) |
| CIE-LAB | lab(39.25, -21.75, 22.84) |
| CIE-LCH | lch(39.25, 31.54, 133.60°) |
| OKLab | oklab(46.87% -0.0596 0.0557) |
| OKLCH | oklch(46.87% 0.082 136.9) |
| XYZ | xyz(7.7032, 10.8024, 5.1685) |
| Luminance | 0.1080 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Hunter Green
#355E3B
ΔE00 4.90
Forest Green
#2D5A27
ΔE00 5.03
Pine
#2B5D34
ΔE00 5.30
Darkolivegreen
#556B2F
ΔE00 5.38
Camo Green
#526525
ΔE00 6.12
Army Green
#4B5D16
ΔE00 7.72
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#446536 #573665
analogous
#5B6536 #446536 #36653F
triadic
#446536 #364465 #653644
tetradic
#446536 #365B65 #573665 #653F36
square
#446536 #365B65 #573665 #653F36
split-complementary
#446536 #3F3665 #65365B
monochromatic
#0E150B #293D21 #446536 #5F8D4B #7CAE67
إمكانية الوصول والتباين
On white
6.64
#446536 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.16
#446536 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #446536
6.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##446536 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##446536 | 1.00 | 6.64 | 3.16 | 6.64 |
| #FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#685E32
Deuteranopia (green-blind)
#635B39
Tritanopia (blue-blind)
#43625A
Achromatopsia (no color)
#5C5C5C
وسوم التصميم والكود
CSS
--color: #446536; /* rgb */ color: rgb(68, 101, 54); /* oklch */ color: oklch(46.9% 0.082 136.9);
Tailwind
colors: {
custom: {
50: '#79916e',
500: '#446536',
950: '#000000',
},
}SCSS
$custom: #446536; $custom-light: #79916e; $custom-dark: #000000;
JSON
{
"hex": "#446536",
"rgb": {
"r": 68,
"g": 101,
"b": 54
},
"hsl": {
"h": 102.128,
"s": 30.323,
"l": 30.392
},
"oklch": {
"l": 0.46873,
"c": 0.08161,
"h": 136.9
},
"luminance": 0.10803
}Semantic roles & 50–950 ramp
primary
#446536
secondary
#866196
accent
#61C7A8
background
#F7F8F6
surface
#EDF0EC
border
#C8CBC7
text
#090C07
muted
#7B7D7A