لون مسمّى · #95896C
Knapsack
Knapsack هو #95896C: rgb(149 137 108)، hsl(42 16% 50%)، oklch(0.633 0.044 88.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Knapsack color name →
#95896C
oklch(0.633 0.044 88.2)
تحويلات الألوان
- HEX
- #95896c
- RGB
- rgb(149 137 108)
- HSL
- hsl(42 16% 50%)
- HWB
- hwb(42 42% 42%)
- OKLCH
- oklch(0.633 0.044 88.2)
- OKLab
- oklab(0.633 0.001 0.044)
- CIE Lab
- lab(57.59 1.15 17.34)
- LCH
- lch(57.59 17.37 86.2)
- CMYK
- cmyk(0% 8% 28% 42%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9F947A
- A9A088
- B4AB96
- BEB7A5
- C9C2B3
- D3CEC2
- DEDAD1
- E9E6E0
- F4F3F0
درجات داكنة
- 81765D
- 6D644E
- 5A5340
- 484232
- 373125
- 262219
- 16140D
- 080704
- 010100
درجات رمادية
- 93886E
- 918770
- 8F8672
- 8D8674
- 8A8576
- 888478
- 86837A
- 84827C
- 82817E
تناسق الألوان
متمم +180°
- 95896C
Knapsack
- 7F8AA5
≈ Violet Aura
متجاور -30° +30°
- 95896C
Knapsack
- 9F8470
≈ Amphora
- 878E70
≈ Battleship Green
ثلاثي +120° +240°
- 95896C
Knapsack
- 6B9298
≈ Blue Clay
- 998198
≈ Mixed Berries
متمم منقسم +150° +210°
- 95896C
Knapsack
- 728EA2
≈ Blue Grey
- 8D85A2
≈ Purple Hills
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.45:1 · APCA Lc 62
Ag
AAعلى الأسود
WCAG 6.07:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--knapsack: #95896c;
--knapsack-rgb: 149 137 108;
--knapsack-oklch: oklch(0.633 0.044 88.2);
}
.element {
color: var(--knapsack);
background-color: hsl(42 16% 50%);
border-color: oklch(0.633 0.044 88.2);
}Tailwind CSS v4
@theme {
--color-knapsack: #95896c;
--color-knapsack-50: #faf5e7;
--color-knapsack-100: #ede8d8;
--color-knapsack-200: #dbd4c0;
--color-knapsack-300: #c0b79f;
--color-knapsack-400: #a99d81;
--color-knapsack-500: #928565;
--color-knapsack-600: #7c7156;
--color-knapsack-700: #635a44;
--color-knapsack-800: #494231;
--color-knapsack-900: #332d21;
--color-knapsack-950: #1e1a11;
}SCSS
$knapsack: #95896c;
$knapsack-rgb: 149, 137, 108;
$knapsack-light: mix(#fff, $knapsack, 20%);
$knapsack-dark: mix(#000, $knapsack, 20%);
.element {
color: $knapsack;
box-shadow: 0 0 0 2px rgba($knapsack, 0.35);
}