لون مسمّى · #7C4A33
Witch Wood
Witch Wood هو #7C4A33: rgb(124 74 51)، hsl(19 42% 34%)، oklch(0.462 0.077 45.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Witch Wood color name →
#7C4A33
oklch(0.462 0.077 45.1)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 895B46
- 966C59
- A37D6C
- B18F80
- BEA194
- CBB3A9
- D8C6BE
- E5D9D3
- F2ECE9
درجات داكنة
- 6B3F2B
- 5A3523
- 4A2A1C
- 3B2014
- 2C170D
- 1E0E07
- 110603
- 050201
- 010000
درجات رمادية
- 7D503B
- 7E5543
- 7F5B4B
- 7F6052
- 80655A
- 806B61
- 807069
- 807571
- 807B78
تناسق الألوان
متمم +180°
- 7C4A33
Witch Wood
- 1B6179
≈ Jamaican Dream
متجاور -30° +30°
- 7C4A33
Witch Wood
- 7E464B
≈ Casandra
- 725222
≈ Bark Brown
ثلاثي +120° +240°
- 7C4A33
Witch Wood
- 26664E
≈ Ore Mountains Green
- 545282
≈ Tangent Periwinkle
متمم منقسم +150° +210°
- 7C4A33
Witch Wood
- 086666
≈ Sci-fi Petrol
- 3A5A83
≈ Pelagic
رباعي +90° +180° +270°
- 7C4A33
Witch Wood
- 456235
≈ Greenhouse
- 1B6179
≈ Jamaican Dream
- 694B76
≈ Clary
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.28:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.88:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
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);
}