이름 색상 · #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);
}