Colore con nome più vicino · #80755E
#80755E
Colore con nome più vicino: Handmade
#80755E (rgb(128 117 94), hsl(41 15% 44%), oklch(0.566 0.036 85.4)) è più vicino al colore con nome Handmade. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#80755E
oklch(0.566 0.036 85.4)
Conversioni di colore
- HEX
- #80755e
- RGB
- rgb(128 117 94)
- HSL
- hsl(41 15% 44%)
- HWB
- hwb(41 37% 50%)
- OKLCH
- oklch(0.566 0.036 85.4)
- OKLab
- oklab(0.566 0.003 0.036)
- CIE Lab
- lab(49.78 1.51 14.37)
- LCH
- lch(49.78 14.45 84)
- CMYK
- cmyk(0% 9% 27% 50%)
Tinte · Ombre · Toni
Tinte
- 8C826D
- 988F7C
- A49C8C
- B1AA9B
- BEB8AB
- CAC6BC
- D7D4CC
- E4E2DD
- F2F0EE
Ombre
- 6E6551
- 5D5544
- 4D4637
- 3D372B
- 2E291F
- 1F1C14
- 120F0A
- 060503
- 010100
Toni
- 807661
- 807765
- 807868
- 80796C
- 807B6F
- 807C73
- 807D76
- 807E79
- 807F7D
Armonie di colore
Complementare +180°
- 80755E
Handmade
- 6C768C
≈ Legal Eagle
Analogo -30° +30°
- 80755E
Handmade
- 887162
≈ Cloudy Cinnamon
- 757961
≈ Deep Lichen Green
Triadico +120° +240°
- 80755E
Handmade
- 5D7D81
≈ North Atlantic
- 826F82
≈ Decorative Iris
Complementare divisa +150° +210°
- 80755E
Handmade
- 627A89
≈ Tool Blue
- 78728A
≈ Plum Shade
Tetradico +90° +180° +270°
- 80755E
Handmade
- 607E75
≈ Penzance
- 6C768C
≈ Legal Eagle
- 896E77
≈ Innocent Pink
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.54:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.62:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--handmade: #80755e;
--handmade-rgb: 128 117 94;
--handmade-oklch: oklch(0.566 0.036 85.4);
}
.element {
color: var(--handmade);
background-color: hsl(41 15% 44%);
border-color: oklch(0.566 0.036 85.4);
}Tailwind CSS v4
@theme {
--color-handmade: #80755e;
--color-handmade-50: #f9f5ea;
--color-handmade-100: #ede7da;
--color-handmade-200: #dbd4c3;
--color-handmade-300: #bfb7a3;
--color-handmade-400: #a89d86;
--color-handmade-500: #91856b;
--color-handmade-600: #7b705b;
--color-handmade-700: #625a48;
--color-handmade-800: #484134;
--color-handmade-900: #322d23;
--color-handmade-950: #1e1a12;
}SCSS
$handmade: #80755e;
$handmade-rgb: 128, 117, 94;
$handmade-light: mix(#fff, $handmade, 20%);
$handmade-dark: mix(#000, $handmade, 20%);
.element {
color: $handmade;
box-shadow: 0 0 0 2px rgba($handmade, 0.35);
}