Colore con nome · #95896C
Knapsack
Knapsack è #95896C: rgb(149 137 108), hsl(42 16% 50%), oklch(0.633 0.044 88.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Knapsack color name →
#95896C
oklch(0.633 0.044 88.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9F947A
- A9A088
- B4AB96
- BEB7A5
- C9C2B3
- D3CEC2
- DEDAD1
- E9E6E0
- F4F3F0
Ombre
- 81765D
- 6D644E
- 5A5340
- 484232
- 373125
- 262219
- 16140D
- 080704
- 010100
Toni
- 93886E
- 918770
- 8F8672
- 8D8674
- 8A8576
- 888478
- 86837A
- 84827C
- 82817E
Armonie di colore
Complementare +180°
- 95896C
Knapsack
- 7F8AA5
≈ Violet Aura
Analogo -30° +30°
- 95896C
Knapsack
- 9F8470
≈ Amphora
- 878E70
≈ Battleship Green
Triadico +120° +240°
- 95896C
Knapsack
- 6B9298
≈ Blue Clay
- 998198
≈ Mixed Berries
Complementare divisa +150° +210°
- 95896C
Knapsack
- 728EA2
≈ Blue Grey
- 8D85A2
≈ Purple Hills
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.45:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.07:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
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);
}