Colore con nome · #7C4A33
Witch Wood
Witch Wood è #7C4A33: rgb(124 74 51), hsl(19 42% 34%), oklch(0.462 0.077 45.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Witch Wood color name →
#7C4A33
oklch(0.462 0.077 45.1)
Conversioni di colore
- HEX
- #7c4a33
- RGB
- rgb(124 74 51)
- HSL
- hsl(19 42% 34%)
- HWB
- hwb(19 20% 51%)
- OKLCH
- oklch(0.462 0.077 45.1)
- OKLab
- oklab(0.462 0.054 0.054)
- CIE Lab
- lab(37.1 20.04 23.1)
- LCH
- lch(37.1 30.58 49.1)
- CMYK
- cmyk(0% 40% 59% 51%)
Tinte · Ombre · Toni
Tinte
- 895B46
- 966C59
- A37D6C
- B18F80
- BEA194
- CBB3A9
- D8C6BE
- E5D9D3
- F2ECE9
Ombre
- 6B3F2B
- 5A3523
- 4A2A1C
- 3B2014
- 2C170D
- 1E0E07
- 110603
- 050201
- 010000
Toni
- 7D503B
- 7E5543
- 7F5B4B
- 7F6052
- 80655A
- 806B61
- 807069
- 807571
- 807B78
Armonie di colore
Complementare +180°
- 7C4A33
Witch Wood
- 1B6179
≈ Jamaican Dream
Analogo -30° +30°
- 7C4A33
Witch Wood
- 7E464B
≈ Casandra
- 725222
≈ Bark Brown
Triadico +120° +240°
- 7C4A33
Witch Wood
- 26664E
≈ Ore Mountains Green
- 545282
≈ Tangent Periwinkle
Complementare divisa +150° +210°
- 7C4A33
Witch Wood
- 086666
≈ Sci-fi Petrol
- 3A5A83
≈ Pelagic
Tetradico +90° +180° +270°
- 7C4A33
Witch Wood
- 456235
≈ Greenhouse
- 1B6179
≈ Jamaican Dream
- 694B76
≈ Clary
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.28:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.88:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--witch-wood: #7c4a33;
--witch-wood-rgb: 124 74 51;
--witch-wood-oklch: oklch(0.462 0.077 45.1);
}
.element {
color: var(--witch-wood);
background-color: hsl(19 42% 34%);
border-color: oklch(0.462 0.077 45.1);
}Tailwind CSS v4
@theme {
--color-witch-wood: #7c4a33;
--color-witch-wood-50: #ffefe3;
--color-witch-wood-100: #ffe1d3;
--color-witch-wood-200: #f1cbb9;
--color-witch-wood-300: #d9ac96;
--color-witch-wood-400: #c59079;
--color-witch-wood-500: #b1765b;
--color-witch-wood-600: #96644d;
--color-witch-wood-700: #78503e;
--color-witch-wood-800: #593a2d;
--color-witch-wood-900: #3e271e;
--color-witch-wood-950: #27150e;
}SCSS
$witch-wood: #7c4a33;
$witch-wood-rgb: 124, 74, 51;
$witch-wood-light: mix(#fff, $witch-wood, 20%);
$witch-wood-dark: mix(#000, $witch-wood, 20%);
.element {
color: $witch-wood;
box-shadow: 0 0 0 2px rgba($witch-wood, 0.35);
}