이름 색상 · #6B5445
Moose Trail
Moose Trail은(는) #6B5445: rgb(107 84 69), hsl(24 22% 35%), oklch(0.465 0.039 54.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Moose Trail color name →
#6B5445
oklch(0.465 0.039 54.7)
색상 변환
- HEX
- #6b5445
- RGB
- rgb(107 84 69)
- HSL
- hsl(24 22% 35%)
- HWB
- hwb(24 27% 58%)
- OKLCH
- oklch(0.465 0.039 54.7)
- OKLab
- oklab(0.465 0.022 0.032)
- CIE Lab
- lab(37.82 8.11 12.62)
- LCH
- lch(37.82 15 57.3)
- CMYK
- cmyk(0% 21% 36% 58%)
틴트 · 셰이드 · 톤
틴트
- 796456
- 877467
- 958479
- A4958B
- B3A69D
- C2B7B0
- D1C9C3
- E0DAD7
- EFEDEB
셰이드
- 5C483B
- 4E3C31
- 3F3127
- 32261E
- 251B15
- 18110C
- 0D0805
- 040202
- 000000
톤
- 6D584B
- 6F5D51
- 726156
- 74655C
- 766A62
- 786E68
- 7A736E
- 7C7774
- 7E7C7A
색 조화
보색 +180°
- 6B5445
Moose Trail
- 445D6C
≈ Seven Seas
유사색 -30° +30°
- 6B5445
Moose Trail
- 6E514F
≈ Buccaneer
- 645841
≈ Puff Dragon
삼각 배색 +120° +240°
- 6B5445
Moose Trail
- 426158
≈ Emerson
- 5B556D
≈ Arraign
분열 보색 +150° +210°
- 6B5445
Moose Trail
- 3F6064
≈ Oceans Deep
- 4F5A70
≈ Midnight Sun
사각 배색 +90° +180° +270°
- 6B5445
Moose Trail
- 4C5F4C
≈ Vine Leaf
- 445D6C
≈ Seven Seas
- 655266
≈ Purple Trinket
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.04:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.97:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--moose-trail: #6b5445;
--moose-trail-rgb: 107 84 69;
--moose-trail-oklch: oklch(0.465 0.039 54.7);
}
.element {
color: var(--moose-trail);
background-color: hsl(24 22% 35%);
border-color: oklch(0.465 0.039 54.7);
}Tailwind CSS v4
@theme {
--color-moose-trail: #6b5445;
--color-moose-trail-50: #fef3eb;
--color-moose-trail-100: #f2e5dc;
--color-moose-trail-200: #e2d0c5;
--color-moose-trail-300: #c7b3a5;
--color-moose-trail-400: #b19989;
--color-moose-trail-500: #9b806e;
--color-moose-trail-600: #836c5d;
--color-moose-trail-700: #69574b;
--color-moose-trail-800: #4e3f36;
--color-moose-trail-900: #362b25;
--color-moose-trail-950: #211914;
}SCSS
$moose-trail: #6b5445;
$moose-trail-rgb: 107, 84, 69;
$moose-trail-light: mix(#fff, $moose-trail, 20%);
$moose-trail-dark: mix(#000, $moose-trail, 20%);
.element {
color: $moose-trail;
box-shadow: 0 0 0 2px rgba($moose-trail, 0.35);
}