跳到取色器

棕褐色:#d2b48c

棕褐色的 HEX 值是 #d2b48c,RGB 值是 rgb(210, 180, 140),OKLCH 值是 oklch(78.619% 0.06382 74.619)。其他所有格式、色階、搭配顏色和配色都在下方。

辨識為 HEX

34°
100%

78.6%
0.064
75°
  • 琥珀色
  • 淺
  • 柔和
  • 暖色
  • olive-400
  • 黑度 18%

在 sRGB 色域內:在任何螢幕上顯示都一樣。

白色文字
1.97:1難以閱讀
Lc -42
黑色文字
10.65:1清楚易讀 · AA
Lc 66

色階

由淺到深排列。點一下色階即可使用。

和諧配色

最近使用

你停留過或複製過的顏色會出現在這裡,只儲存在這台裝置上。

又稱: 淺棕色, Tan

包含棕褐色的配色

相近的有名稱顏色

關於棕褐色的常見問題

棕褐色的 HEX 色碼是多少?

棕褐色的 HEX 色碼是 #d2b48c。它的 RGB 值是 rgb(210, 180, 140),HSL 值是 hsl(34.29, 43.75%, 68.63%),OKLCH 值是 oklch(78.619% 0.06382 74.619)。

棕褐色跟什麼顏色最搭?

它的互補色是 #9ebce2。想要比較柔和的效果,可以搭配類似色 #ddad98 和 #bfbc8d。本頁也列出了包含棕褐色的現成配色。

棕褐色是暖色還是冷色?

棕褐色屬於暖色,OKLCH 色相為 75 度。

棕褐色上用什麼顏色的文字最好讀?

在棕褐色上,黑色文字比較好讀:白色的對比度為 1.97:1,黑色為 10.65:1。WCAG AA 要求內文對比度至少 4.5:1。

關於 #d2b48c

#d2b48c 是一種柔和 淺琥珀色。在 OKLCH 中,它的亮度為 78.6%,彩度為 0.064,色相為 75°。

在 sRGB 色域內:在任何螢幕上顯示都一樣。

白色文字放在它上面的對比度為 1.97:1,黑色文字為 10.65:1,所以用黑色文字比較好讀。

最接近的有名稱顏色是棕褐色(#d2b48c)。在 Tailwind CSS 中,最接近的顏色是 olive-400。

更多淺琥珀色系顏色

更淺:#d2b48c 混入白色

  1. d2b48c

更深:#d2b48c 混入黑色

  1. d2b48c

更柔和:降低 #d2b48c 的飽和度

  1. d2b48c

相近的有名稱顏色

與 #d2b48c 搭配的顏色

互補色
#d2b48c
類似色
#d2b48c
三角配色
#d2b48c
分裂互補
#d2b48c