跳到取色器

#8564a2 顏色:低彩度 紫色

#8564a2 的 RGB 值是 rgb(133, 100, 162),OKLCH 值是 oklch(56.106% 0.10003 307.906)。其他所有格式、色階和對比度都在下方。

辨識為 HEX

272°
100%

56.1%
0.100
308°
  • 紫色
  • 中等
  • 低彩度
  • 中性色
  • ≈ 紫水晶色
  • mauve-500
  • 黑度 36%

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

白色文字
4.84:1清楚易讀 · AA
Lc -79
黑色文字
4.34:1難以閱讀
Lc 31

色階

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

和諧配色

最近使用

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

關於 #8564a2

#8564a2 是一種低彩度 紫色。在 OKLCH 中,它的亮度為 56.1%,彩度為 0.1,色相為 308°。

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

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

最接近的有名稱顏色是紫水晶色(#9966cc)。在 Tailwind CSS 中,最接近的顏色是 mauve-500。

更多中等紫色系顏色

更淺:#8564a2 混入白色

更深:#8564a2 混入黑色

更柔和:降低 #8564a2 的飽和度

相近的有名稱顏色

與 #8564a2 搭配的顏色

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

關於 #8564a2 的常見問題

#8564a2 是什麼顏色?

#8564a2 是一種低彩度 紫色。最接近的有名稱顏色是低彩度 紫色。它的 RGB 值是 rgb(133, 100, 162),HSL 值是 hsl(271.94, 25%, 51.37%),OKLCH 值是 oklch(56.106% 0.10003 307.906)。

#8564a2 跟什麼顏色最搭?

#8564a2 的互補色是 #64803c。想要比較柔和的搭配,可以用類似色 #676eaf 和 #9a5d89。三角配色的另外兩色是 #9b682c 和 #008780。

#8564a2 上用白色還是黑色文字比較好讀?

在 #8564a2 上,白色文字比較好讀:白色的對比度為 4.84:1,黑色為 4.34:1。WCAG AA 要求內文對比度至少 4.5:1。

#8564a2 是暖色還是冷色?

#8564a2 屬於中性色。在 OKLCH 中,它的色相為 308 度,亮度為 56.1%,彩度為 0.1。