最接近的命名颜色 · #9D9D6F
#9D9D6F
最接近的命名颜色: Guacamole
#9D9D6F（rgb(157 157 111)、hsl(60 19% 53%)、oklch(0.684 0.063 108)）最接近命名颜色 Guacamole。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9D9D6F
oklch(0.684 0.063 108)
颜色转换
- HEX
- #9d9d6f
- RGB
- rgb(157 157 111)
- HSL
- hsl(60 19% 53%)
- HWB
- hwb(60 44% 38%)
- OKLCH
- oklch(0.684 0.063 108)
- OKLab
- oklab(0.684 -0.02 0.06)
- CIE Lab
- lab(63.87 -5.59 24.16)
- LCH
- lch(63.87 24.8 103)
- CMYK
- cmyk(0% 0% 29% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- A6A67D
- B0B08B
- B9BA99
- C3C3A7
- CDCDB6
- D7D7C4
- E1E1D3
- EBEBE1
- F5F5F0
深色调
- 888860
- 737351
- 5F5F42
- 4C4C34
- 3A3A27
- 28281A
- 18180E
- 090904
- 010101
灰色调
- 9A9A71
- 979773
- 949475
- 919177
- 8E8F79
- 8B8C7A
- 88897C
- 86867D
- 83837F
配色和谐
互补色 +180°
- 9D9D6F
Guacamole
- 9794BF
≈ Lavender Bonnet
类似色 -30° +30°
- 9D9D6F
Guacamole
- B0956D
≈ Creamy Caramel
- 87A37D
≈ Rivergrass
三角配色 +120° +240°
- 9D9D6F
Guacamole
- 6FA2B9
≈ Pacific Palisade
- B88AA1
≈ Lover’s Tryst
分裂互补色 +150° +210°
- 9D9D6F
Guacamole
- 819BC1
≈ Bel Air Blue
- AA8EB3
≈ Superstitious
四角配色 +90° +180° +270°
- 9D9D6F
Guacamole
- 69A6A8
≈ Fairstar
- 9794BF
≈ Lavender Bonnet
- BE8A8B
≈ Prophetess
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.48:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--guacamole: #9d9d6f;
--guacamole-rgb: 157 157 111;
--guacamole-oklch: oklch(0.684 0.063 108);
}
.element {
color: var(--guacamole);
background-color: hsl(60 19% 53%);
border-color: oklch(0.684 0.063 108);
}Tailwind CSS v4
@theme {
--color-guacamole: #9d9d6f;
--color-guacamole-50: #f6f7e3;
--color-guacamole-100: #e9ead2;
--color-guacamole-200: #d5d7b8;
--color-guacamole-300: #b9bb96;
--color-guacamole-400: #a2a276;
--color-guacamole-500: #8a8a57;
--color-guacamole-600: #75744a;
--color-guacamole-700: #5d5d3b;
--color-guacamole-800: #45442a;
--color-guacamole-900: #302f1c;
--color-guacamole-950: #1c1b0c;
}SCSS
$guacamole: #9d9d6f;
$guacamole-rgb: 157, 157, 111;
$guacamole-light: mix(#fff, $guacamole, 20%);
$guacamole-dark: mix(#000, $guacamole, 20%);
.element {
color: $guacamole;
box-shadow: 0 0 0 2px rgba($guacamole, 0.35);
}