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