色名 · #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);
}