颜色 #787E93（Your Shadow）
十六进制代码 #787E93 对应颜色 Your Shadow。以下你可以查看其 RGB、HSL 和 CMYK 的确切值，检查其在白色和黑色背景上的对比度，并发现 灰色 系列中的相似颜色和互补颜色。
| HEX 代码 | #787E93 |
|---|---|
| RGB 代码 | rgb(120, 126, 147) |
| HSL 代码 | hsl(226.7, 11.1%, 52.4%) |
| CMYK 代码 | cmyk(18%, 14%, 0%, 42%) |
| 色彩系列 | 灰色 |
对比度和可访问性 (WCAG)
白色背景上: 4.04:1
AA ✕
AAA ✕
黑色背景上: 5.2:1
AA ✓
AAA ✕
互补色
Lost Space#969389
相似颜色
按色系家族探索颜色
超过 469 种命名颜色，包含 HEX、RGB、HSL 和 CMYK 代码，按 12 个色调家族组织。
如何使用颜色 Your Shadow
1
在您的 CSS 或设计中应用它
复制 #787E93 代码，并直接在你的样式表中使用它，例如 background-color: #787E93; 或 color: #787E93;。如果你需要其他格式的值，可以使用我们的颜色转换器将其转换为 RGB、HSL 或 CMYK。
2
与其他颜色搭配
尝试将 Your Shadow 与其互补色或 灰色 色系中的相似色调搭配，我们会在下面展示给你，或者使用调色板生成器根据这个颜色生成完整的调色板。
3
检查无障碍性
在将 Your Shadow 用作文字或背景色之前，请检查上面显示的白色和黑色对比度比例，或在对比度检查器中分析任何组合，以确保符合 WCAG AA 和 AAA 级别。
常见问题
#787E93 是什么颜色？
+
代码 #787E93 对应的颜色是 Your Shadow，属于 灰色 色系。
Your Shadow 与哪些颜色搭配效果好？
+
你可以在下方查看它的补色和其他相似颜色，也可以使用我们的调色板生成器根据 Your Shadow 生成完整的颜色方案。
Your Shadow 颜色用于文本是否易于访问？
+
这取决于背景：请查看上面的白色和黑色对比度比例，以了解是否符合 WCAG AA 和 AAA 无障碍级别。
