이름 색상 · #848178
Mossy Oak
Mossy Oak은(는) #848178: rgb(132 129 120), hsl(45 5% 49%), oklch(0.603 0.014 91.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mossy Oak color name →
#848178
oklch(0.603 0.014 91.6)
색상 변환
- HEX
- #848178
- RGB
- rgb(132 129 120)
- HSL
- hsl(45 5% 49%)
- HWB
- hwb(45 47% 48%)
- OKLCH
- oklch(0.603 0.014 91.6)
- OKLab
- oklab(0.603 0 0.014)
- CIE Lab
- lab(54.04 -0.09 5.32)
- LCH
- lch(54.04 5.32 91)
- CMYK
- cmyk(0% 2% 9% 48%)
틴트 · 셰이드 · 톤
틴트
- 908D85
- 9B9991
- A7A59F
- B3B2AC
- C0BEB9
- CCCBC7
- D9D8D5
- E5E5E3
- F2F2F1
셰이드
- 726F67
- 605E57
- 4F4E48
- 3F3E39
- 2F2E2A
- 201F1D
- 121210
- 060605
- 010101
톤
- 848179
- 83817A
- 83817A
- 82817B
- 82817C
- 82807D
- 81807E
- 81807E
- 80807F
색 조화
보색 +180°
- 848178
Mossy Oak
- 7E818A
≈ Carbon Footprint
유사색 -30° +30°
- 848178
Mossy Oak
- 877F79
≈ Susu Green
- 80837A
≈ Sage Slate
삼각 배색 +120° +240°
- 848178
Mossy Oak
- 788486
≈ Regent Grey
- 867E85
≈ Lavender Mosaic
분열 보색 +150° +210°
- 848178
Mossy Oak
- 7A8289
≈ Wolf
- 827F88
≈ Soft Savvy
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.89:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.39:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.39:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--mossy-oak: #848178;
--mossy-oak-rgb: 132 129 120;
--mossy-oak-oklch: oklch(0.603 0.014 91.6);
}
.element {
color: var(--mossy-oak);
background-color: hsl(45 5% 49%);
border-color: oklch(0.603 0.014 91.6);
}Tailwind CSS v4
@theme {
--color-mossy-oak: #848178;
--color-mossy-oak-50: #f6f5f1;
--color-mossy-oak-100: #e9e8e3;
--color-mossy-oak-200: #d6d4ce;
--color-mossy-oak-300: #bab7b0;
--color-mossy-oak-400: #a19e95;
--color-mossy-oak-500: #89867c;
--color-mossy-oak-600: #747169;
--color-mossy-oak-700: #5d5b54;
--color-mossy-oak-800: #44423d;
--color-mossy-oak-900: #2f2e2a;
--color-mossy-oak-950: #1c1a18;
}SCSS
$mossy-oak: #848178;
$mossy-oak-rgb: 132, 129, 120;
$mossy-oak-light: mix(#fff, $mossy-oak, 20%);
$mossy-oak-dark: mix(#000, $mossy-oak, 20%);
.element {
color: $mossy-oak;
box-shadow: 0 0 0 2px rgba($mossy-oak, 0.35);
}