이름 색상 · #5E442C
Brown Hen
Brown Hen은(는) #5E442C: rgb(94 68 44), hsl(29 36% 27%), oklch(0.409 0.051 63.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Brown Hen color name →
#5E442C
oklch(0.409 0.051 63.3)
색상 변환
- HEX
- #5e442c
- RGB
- rgb(94 68 44)
- HSL
- hsl(29 36% 27%)
- HWB
- hwb(29 17% 63%)
- OKLCH
- oklch(0.409 0.051 63.3)
- OKLab
- oklab(0.409 0.023 0.046)
- CIE Lab
- lab(31.32 9.17 19.1)
- LCH
- lch(31.32 21.19 64.4)
- CMYK
- cmyk(0% 28% 53% 63%)
틴트 · 셰이드 · 톤
틴트
- 6D553F
- 7C6652
- 8C7866
- 9C8A7B
- AC9D90
- BCB0A5
- CCC3BB
- DDD7D1
- EEEBE8
셰이드
- 513A25
- 44301E
- 372617
- 2B1D11
- 1F140A
- 140C05
- 0A0502
- 030201
- 000000
톤
- 624A34
- 65503D
- 695645
- 6C5C4D
- 6F6256
- 73685E
- 766E66
- 79746F
- 7D7A77
색 조화
보색 +180°
- 5E442C
Brown Hen
- 314D64
≈ Outer Space
유사색 -30° +30°
- 5E442C
Brown Hen
- 634038
≈ American Milking Devon
- 534A28
≈ Codium Fragile
삼각 배색 +120° +240°
- 5E442C
Brown Hen
- 26534D
≈ Forbidden Forest
- 504361
≈ Royal Indigo
분열 보색 +150° +210°
- 5E442C
Brown Hen
- 25515B
≈ Sunken Mystery
- 414866
≈ Royal Wave
사각 배색 +90° +180° +270°
- 5E442C
Brown Hen
- 34523D
≈ Goblin
- 314D64
≈ Outer Space
- 5B4056
≈ Dreamy Heaven
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.97:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.33:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--brown-hen: #5e442c;
--brown-hen-rgb: 94 68 44;
--brown-hen-oklch: oklch(0.409 0.051 63.3);
}
.element {
color: var(--brown-hen);
background-color: hsl(29 36% 27%);
border-color: oklch(0.409 0.051 63.3);
}Tailwind CSS v4
@theme {
--color-brown-hen: #5e442c;
--color-brown-hen-50: #fff3e6;
--color-brown-hen-100: #f4e5d6;
--color-brown-hen-200: #e4d0be;
--color-brown-hen-300: #cab39c;
--color-brown-hen-400: #b5987f;
--color-brown-hen-500: #9f7f63;
--color-brown-hen-600: #866c54;
--color-brown-hen-700: #6c5643;
--color-brown-hen-800: #503e30;
--color-brown-hen-900: #372b21;
--color-brown-hen-950: #221810;
}SCSS
$brown-hen: #5e442c;
$brown-hen-rgb: 94, 68, 44;
$brown-hen-light: mix(#fff, $brown-hen, 20%);
$brown-hen-dark: mix(#000, $brown-hen, 20%);
.element {
color: $brown-hen;
box-shadow: 0 0 0 2px rgba($brown-hen, 0.35);
}