#828645#828645
#828645 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.222؛ OKLCH L 60.2% C 0.088 H 111.9°. أفضل لون لنص المتن هو #000000 بتباين 5.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #828645 |
|---|---|
| RGB | rgb(130, 134, 69) |
| HSL | hsl(64, 32%, 40%) |
| HSV | hsv(64, 49%, 53%) |
| CMYK | cmyk(3%, 0%, 48.5%, 47.5%) |
| CIE-LAB | lab(54.27, -11.52, 34.26) |
| CIE-LCH | lch(54.27, 36.14, 108.58°) |
| OKLab | oklab(60.17% -0.0328 0.0817) |
| OKLCH | oklch(60.17% 0.088 111.9) |
| XYZ | xyz(18.8055, 22.2260, 8.9285) |
| Luminance | 0.2223 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Drab
#828344
ΔE00 1.30
Camo
#7F8F4E
ΔE00 4.29
Khaki Green
#728639
ΔE00 4.72
Swamp
#698339
ΔE00 6.52
Olive Drab
#6F7632
ΔE00 6.61
Dark Khaki
#9B8F55
ΔE00 6.99
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#828645 #494586
analogous
#866945 #828645 #628645
triadic
#828645 #458286 #864582
tetradic
#828645 #458669 #494586 #864562
square
#828645 #458669 #494586 #864562
split-complementary
#828645 #456286 #694586
monochromatic
#34351B #5B5E30 #828645 #A7AB5D #BDC085
إمكانية الوصول والتباين
On white
3.86
#828645 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.45
#828645 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #828645
5.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##828645 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##828645 | 1.00 | 3.86 | 5.45 | 5.45 |
| #FFFFFF | 3.86 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.45 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8F813F
Deuteranopia (green-blind)
#8F8348
Tritanopia (blue-blind)
#897F77
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #828645; /* rgb */ color: rgb(130, 134, 69); /* oklch */ color: oklch(60.2% 0.088 111.9);
Tailwind
colors: {
custom: {
50: '#a8a97a',
500: '#828645',
950: '#000000',
},
}SCSS
$custom: #828645; $custom-light: #a8a97a; $custom-dark: #000000;
JSON
{
"hex": "#828645",
"rgb": {
"r": 130,
"g": 134,
"b": 69
},
"hsl": {
"h": 63.692,
"s": 32.02,
"l": 39.804
},
"oklch": {
"l": 0.60173,
"c": 0.08804,
"h": 111.9
},
"luminance": 0.22226
}Semantic roles & 50–950 ramp
primary
#828645
secondary
#7E7BAC
accent
#60C866
background
#FAFAF7
surface
#F4F4EE
border
#CECEC9
text
#100F09
muted
#7F7F7B