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