跳到取色器

#856c19 颜色:鲜艳 棕色

#856c19 的 RGB 值是 rgb(133, 108, 25),OKLCH 值是 oklch(54.093% 0.10126 90.948)。其他所有格式、色阶和对比度都在下方。

识别为 HEX

46°
100%

54.1%
0.101
91°
  • 棕色
  • 中度
  • 鲜艳
  • 暖色
  • ≈ 橄榄绿
  • yellow-700
  • 黑度 48%

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

白色文字
5.05:1清晰易读 · AA
Lc -80
黑色文字
4.16:1难以阅读
Lc 29

色阶

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

和谐配色

作为配色打开

最近

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

关于 #856c19

#856c19 是一种鲜艳 棕色。在 OKLCH 中,它的亮度为 54.1%,彩度为 0.101,色相为 91°。

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

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

最接近的有名称颜色是橄榄绿(#808000)。在 Tailwind CSS 中,最接近的颜色是 yellow-700。

更多中度棕色系颜色

更浅:#856c19 混入白色

  1. 856c19
  2. 917a36
  3. 9c884e
  4. a89764
  5. b4a57a
  6. c0b490
  7. cdc3a6
  8. d9d1bc
  9. e6e0d2
  10. f2f0e8

更深:#856c19 混入黑色

  1. 856c19
  2. 735d14
  3. 614e10
  4. 50400b
  5. 403207
  6. 302504
  7. 211902
  8. 130d01
  9. 060400
  10. 010000

更柔和:降低 #856c19 的饱和度

  1. 856c19
  2. 836d28
  3. 816d33
  4. 7e6d3c
  5. 7c6e45
  6. 7a6e4d
  7. 786e54
  8. 756f5b
  9. 736f62
  10. 716f68

关于 #856c19 的常见问题

#856c19 是什么颜色?

#856c19 是一种鲜艳 棕色。最接近的有名称颜色是鲜艳 棕色。它的 RGB 值是 rgb(133, 108, 25),HSL 值是 hsl(46.11, 68.35%, 30.98%),OKLCH 值是 oklch(54.093% 0.10126 90.948)。

#856c19 和什么颜色搭配好看?

#856c19 的互补色是 #596baa。想要更柔和的搭配,可以用类似色 #99602a 和 #66782e。三角配色的另外两色是 #007e90 和 #90588a。

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

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

#856c19 是暖色还是冷色?

#856c19 属于暖色。在 OKLCH 中,它的色相为 91 度,亮度为 54.1%,彩度为 0.101。