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