이름 색상 · #765A3F
Wooden Cabin
Wooden Cabin은(는) #765A3F: rgb(118 90 63), hsl(29 30% 35%), oklch(0.489 0.054 65). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Wooden Cabin color name →
#765A3F
oklch(0.489 0.054 65)
색상 변환
- HEX
- #765a3f
- RGB
- rgb(118 90 63)
- HSL
- hsl(29 30% 35%)
- HWB
- hwb(29 25% 54%)
- OKLCH
- oklch(0.489 0.054 65)
- OKLab
- oklab(0.489 0.023 0.049)
- CIE Lab
- lab(40.67 9.1 20.25)
- LCH
- lch(40.67 22.2 65.8)
- CMYK
- cmyk(0% 24% 47% 54%)
틴트 · 셰이드 · 톤
틴트
- 836951
- 907963
- 9E8975
- AB9988
- B9A99B
- C7BAAE
- D5CBC2
- E3DCD6
- F1EDEA
셰이드
- 664D35
- 56412C
- 473523
- 38291B
- 291E12
- 1C130A
- 0F0904
- 050301
- 010000
톤
- 775E46
- 78624C
- 796553
- 7B6959
- 7C6D60
- 7D7166
- 7D756D
- 7E7873
- 7F7C7A
색 조화
보색 +180°
- 765A3F
Wooden Cabin
- 46647D
≈ Stellar
유사색 -30° +30°
- 765A3F
Wooden Cabin
- 7C554B
≈ Vandyck Brown
- 6A603C
≈ Classic Olive
삼각 배색 +120° +240°
- 765A3F
Wooden Cabin
- 3A6A64
≈ Betta Fish
- 675979
≈ Indigo Red
분열 보색 +150° +210°
- 765A3F
Wooden Cabin
- 396874
≈ Muddy Cyan
- 575E7F
≈ When Worlds Collide
사각 배색 +90° +180° +270°
- 765A3F
Wooden Cabin
- 476A53
≈ Green Perennial
- 46647D
≈ Stellar
- 74556D
≈ Exotic Orchid
대비 및 접근성
Ag
AA흰색 위
WCAG 6.35:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.30:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--wooden-cabin: #765a3f;
--wooden-cabin-rgb: 118 90 63;
--wooden-cabin-oklch: oklch(0.489 0.054 65);
}
.element {
color: var(--wooden-cabin);
background-color: hsl(29 30% 35%);
border-color: oklch(0.489 0.054 65);
}Tailwind CSS v4
@theme {
--color-wooden-cabin: #765a3f;
--color-wooden-cabin-50: #fff3e5;
--color-wooden-cabin-100: #f5e5d5;
--color-wooden-cabin-200: #e5d0bc;
--color-wooden-cabin-300: #cbb39a;
--color-wooden-cabin-400: #b5987d;
--color-wooden-cabin-500: #a07f60;
--color-wooden-cabin-600: #876c52;
--color-wooden-cabin-700: #6c5641;
--color-wooden-cabin-800: #503e2f;
--color-wooden-cabin-900: #382b20;
--color-wooden-cabin-950: #22180f;
}SCSS
$wooden-cabin: #765a3f;
$wooden-cabin-rgb: 118, 90, 63;
$wooden-cabin-light: mix(#fff, $wooden-cabin, 20%);
$wooden-cabin-dark: mix(#000, $wooden-cabin, 20%);
.element {
color: $wooden-cabin;
box-shadow: 0 0 0 2px rgba($wooden-cabin, 0.35);
}