Nazwany kolor · #7C4A33
Witch Wood
Witch Wood to #7C4A33: rgb(124 74 51), hsl(19 42% 34%), oklch(0.462 0.077 45.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Witch Wood color name →
#7C4A33
oklch(0.462 0.077 45.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 895B46
- 966C59
- A37D6C
- B18F80
- BEA194
- CBB3A9
- D8C6BE
- E5D9D3
- F2ECE9
Odcienie ciemniejsze
- 6B3F2B
- 5A3523
- 4A2A1C
- 3B2014
- 2C170D
- 1E0E07
- 110603
- 050201
- 010000
Tony
- 7D503B
- 7E5543
- 7F5B4B
- 7F6052
- 80655A
- 806B61
- 807069
- 807571
- 807B78
Harmonie kolorów
Komplementarna +180°
- 7C4A33
Witch Wood
- 1B6179
≈ Jamaican Dream
Analogowa -30° +30°
- 7C4A33
Witch Wood
- 7E464B
≈ Casandra
- 725222
≈ Bark Brown
Triada +120° +240°
- 7C4A33
Witch Wood
- 26664E
≈ Ore Mountains Green
- 545282
≈ Tangent Periwinkle
Komplementarna rozszczepiona +150° +210°
- 7C4A33
Witch Wood
- 086666
≈ Sci-fi Petrol
- 3A5A83
≈ Pelagic
Tetrada +90° +180° +270°
- 7C4A33
Witch Wood
- 456235
≈ Greenhouse
- 1B6179
≈ Jamaican Dream
- 694B76
≈ Clary
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.28:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.88:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}