跳到取色器

铜色色号:#b87333

铜色的 HEX 值是 #b87333,RGB 值是 rgb(184, 115, 51),OKLCH 值是 oklch(61.795% 0.1171 60.399)。其他所有格式、色阶、搭配颜色和配色都在下方。

识别为 HEX

29°
100%

61.8%
0.117
60°
  • 棕色
  • 中度
  • 鲜艳
  • 暖色
  • yellow-700
  • 黑度 28%

在 sRGB 色域内:在任何屏幕上显示都一样。

白色文字
3.79:1难以阅读
Lc -71
黑色文字
5.54:1清晰易读 · AA
Lc 39

色阶

从最浅到最深。点击色阶即可使用。

和谐配色

最近

你选过或复制过的颜色会显示在这里,只保存在这台设备上。

又称: 红铜色, Copper

包含铜色的配色

相近的有名称颜色

关于铜色的常见问题

铜色的 HEX 颜色代码是多少?

铜色的 HEX 颜色代码是 #b87333。它的 RGB 值是 rgb(184, 115, 51),HSL 值是 hsl(28.87, 56.6%, 46.08%),OKLCH 值是 oklch(61.795% 0.1171 60.399)。

铜色和什么颜色搭配好看?

它的互补色是 #368ec5。想要更柔和的效果,可以搭配类似色 #c2685a 和 #a0821d。本页还列出了包含铜色的现成配色。

铜色是暖色还是冷色?

铜色属于暖色,OKLCH 色相为 60 度。

铜色上用什么颜色的文字最易读?

在铜色上,白色文字更易读:白色的对比度为 3.79:1,黑色为 5.54:1。WCAG AA 要求正文对比度至少为 4.5:1。

关于 #b87333

#b87333 是一种鲜艳 棕色。在 OKLCH 中,它的亮度为 61.8%,彩度为 0.117,色相为 60°。

在 sRGB 色域内:在任何屏幕上显示都一样。

白色文字在它上面的对比度为 3.79:1,黑色文字为 5.54:1,所以用白色文字更易读。

最接近的有名称颜色是铜色(#b87333)。在 Tailwind CSS 中,最接近的颜色是 yellow-700。

更多中度棕色系颜色

更浅:#b87333 混入白色

  1. b87333

更深:#b87333 混入黑色

  1. b87333

更柔和:降低 #b87333 的饱和度

  1. b87333

相近的有名称颜色

与 #b87333 搭配的颜色

互补色
#b87333
类似色
#b87333
三角配色
#b87333
分裂互补色
#b87333