最接近的命名颜色 · #988664
#988664
最接近的命名颜色: Mushroom Forest
#988664（rgb(152 134 100)、hsl(39 21% 49%)、oklch(0.628 0.053 83.1)）最接近命名颜色 Mushroom Forest。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#988664
oklch(0.628 0.053 83.1)
颜色转换
- HEX
- #988664
- RGB
- rgb(152 134 100)
- HSL
- hsl(39 21% 49%)
- HWB
- hwb(39 39% 40%)
- OKLCH
- oklch(0.628 0.053 83.1)
- OKLab
- oklab(0.628 0.006 0.052)
- CIE Lab
- lab(56.93 3.18 21)
- LCH
- lch(56.93 21.24 81.4)
- CMYK
- cmyk(0% 12% 34% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A29273
- AC9D82
- B6A991
- C0B5A0
- CAC1AF
- D5CDBF
- DFD9CF
- EAE6DF
- F4F2EF
深色调
- 847456
- 706248
- 5C513B
- 4A402E
- 383022
- 272116
- 17130B
- 080603
- 010100
灰色调
- 968567
- 93856A
- 91846D
- 8E8470
- 8C8373
- 8A8375
- 878278
- 85817B
- 82817D
配色和谐
互补色 +180°
- 988664
Mushroom Forest
- 7889A9
≈ Ship Cove
类似色 -30° +30°
- 988664
Mushroom Forest
- A3806B
≈ Red Earth
- 888C67
≈ Pesto Paste
三角配色 +120° +240°
- 988664
Mushroom Forest
- 629297
≈ Clear Brook
- 987E9B
≈ Amorous
分裂互补色 +150° +210°
- 988664
Mushroom Forest
- 698EA3
≈ French Court
- 8983A6
≈ Purple Hills
四角配色 +90° +180° +270°
- 988664
Mushroom Forest
- 679385
≈ Pine Ridge
- 7889A9
≈ Ship Cove
- A37C8B
≈ Dusky Orchid
对比度与无障碍
Ag
Fail白底
WCAG 3.54:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.92:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--mushroom-forest: #988664;
--mushroom-forest-rgb: 152 134 100;
--mushroom-forest-oklch: oklch(0.628 0.053 83.1);
}
.element {
color: var(--mushroom-forest);
background-color: hsl(39 21% 49%);
border-color: oklch(0.628 0.053 83.1);
}Tailwind CSS v4
@theme {
--color-mushroom-forest: #988664;
--color-mushroom-forest-50: #fcf4e5;
--color-mushroom-forest-100: #f0e7d5;
--color-mushroom-forest-200: #dfd3bb;
--color-mushroom-forest-300: #c4b699;
--color-mushroom-forest-400: #ae9c7b;
--color-mushroom-forest-500: #97835e;
--color-mushroom-forest-600: #806f50;
--color-mushroom-forest-700: #665940;
--color-mushroom-forest-800: #4c412d;
--color-mushroom-forest-900: #352d1f;
--color-mushroom-forest-950: #201a0e;
}SCSS
$mushroom-forest: #988664;
$mushroom-forest-rgb: 152, 134, 100;
$mushroom-forest-light: mix(#fff, $mushroom-forest, 20%);
$mushroom-forest-dark: mix(#000, $mushroom-forest, 20%);
.element {
color: $mushroom-forest;
box-shadow: 0 0 0 2px rgba($mushroom-forest, 0.35);
}