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