跳到取色器

#e2b671 颜色:柔和 浅琥珀色

#e2b671 的 RGB 值是 rgb(226, 182, 113),OKLCH 值是 oklch(80.082% 0.10083 77.798)。其他所有格式、色阶和对比度都在下方。

识别为 HEX

37°
100%

80.1%
0.101
78°
  • 琥珀色
  • 浅
  • 柔和
  • 暖色
  • ≈ 棕褐色
  • orange-300
  • 黑度 11%

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

白色文字
1.88:1难以阅读
Lc -40
黑色文字
11.16:1清晰易读 · AA
Lc 68

色阶

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

和谐配色

作为配色打开

最近

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

关于 #e2b671

#e2b671 是一种柔和 浅琥珀色。在 OKLCH 中,它的亮度为 80.1%,彩度为 0.101,色相为 78°。

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

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

最接近的有名称颜色是棕褐色(#d2b48c)。在 Tailwind CSS 中,最接近的颜色是 orange-300。

更多浅琥珀色系颜色

更浅:#e2b671 混入白色

  1. e2b671
  2. e5bd80
  3. e8c58f
  4. ebcc9d
  5. eed3ab
  6. f1dbb9
  7. f4e2c7
  8. f7e9d5
  9. faf1e3
  10. fcf8f1

更深:#e2b671 混入黑色

  1. e2b671
  2. c49e61
  3. a88652
  4. 8c6f43
  5. 715935
  6. 574427
  7. 3e301a
  8. 271d0e
  9. 120c04
  10. 030201

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

  1. e2b671
  2. dfb77a
  3. dbb882
  4. d7b98b
  5. d4ba92
  6. d0bb9a
  7. cdbba2
  8. c9bca9
  9. c5bdb0
  10. c2bdb7

关于 #e2b671 的常见问题

#e2b671 是什么颜色?

#e2b671 是一种柔和 浅琥珀色。最接近的有名称颜色是柔和 浅琥珀色。它的 RGB 值是 rgb(226, 182, 113),HSL 值是 hsl(36.64, 66.08%, 66.47%),OKLCH 值是 oklch(80.082% 0.10083 77.798)。

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

#e2b671 的互补色是 #95c0ff。想要更柔和的搭配,可以用类似色 #f4aa85 和 #c4c375。三角配色的另外两色是 #64d2d5 和 #d9aae9。

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

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

#e2b671 是暖色还是冷色?

#e2b671 属于暖色。在 OKLCH 中,它的色相为 78 度,亮度为 80.1%,彩度为 0.101。