跳到取色器

#a3400a 颜色:鲜艳 棕色

#a3400a 的 RGB 值是 rgb(163, 64, 10),OKLCH 值是 oklch(50.053% 0.14329 42.896)。其他所有格式、色阶和对比度都在下方。

识别为 HEX

21°
100%

50.1%
0.143
43°
  • 棕色
  • 中度
  • 鲜艳
  • 暖色
  • ≈ 赭土色
  • amber-800
  • 黑度 36%

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

白色文字
6.37:1清晰易读 · AA
Lc -86
黑色文字
3.30:1难以阅读
Lc 23

色阶

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

和谐配色

作为配色打开

最近

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

关于 #a3400a

#a3400a 是一种鲜艳 棕色。在 OKLCH 中,它的亮度为 50.1%,彩度为 0.143,色相为 43°。

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

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

最接近的有名称颜色是赭土色(#a0522d)。在 Tailwind CSS 中,最接近的颜色是 amber-800。

更多中度棕色系颜色

更浅:#a3400a 混入白色

  1. a3400a
  2. ae542d
  3. b96746
  4. c37a5d
  5. cc8d73
  6. d6a08a
  7. dfb3a1
  8. e7c5b8
  9. f0d8cf
  10. f7ece7

更深:#a3400a 混入黑色

  1. a3400a
  2. 8d3607
  3. 782d05
  4. 632403
  5. 4f1b02
  6. 3c1301
  7. 2a0b01
  8. 190500
  9. 0a0100
  10. 010000

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

  1. a3400a
  2. 9d451c
  3. 984a28
  4. 924e32
  5. 8c523a
  6. 865642
  7. 805949
  8. 795c50
  9. 725e57
  10. 6b615d

关于 #a3400a 的常见问题

#a3400a 是什么颜色?

#a3400a 是一种鲜艳 棕色。最接近的有名称颜色是鲜艳 棕色。它的 RGB 值是 rgb(163, 64, 10),HSL 值是 hsl(21.18, 88.44%, 33.92%),OKLCH 值是 oklch(50.053% 0.14329 42.896)。

#a3400a 和什么颜色搭配好看?

#a3400a 的互补色是 #007092。想要更柔和的搭配,可以用类似色 #a4384c 和 #8e5500。三角配色的另外两色是 #007a4d 和 #5a54b1。

#a3400a 上用白色文字还是黑色文字更易读?

在 #a3400a 上,白色文字更易读:白色的对比度为 6.37:1,黑色为 3.3:1。WCAG AA 要求正文对比度至少为 4.5:1。

#a3400a 是暖色还是冷色?

#a3400a 属于暖色。在 OKLCH 中,它的色相为 43 度,亮度为 50.1%,彩度为 0.143。