跳到取色器

#89a5d7 顏色:莫蘭迪 淺藍色

#89a5d7 的 RGB 值是 rgb(137, 165, 215),OKLCH 值是 oklch(71.941% 0.07976 261.805)。其他所有格式、色階和對比度都在下方。

辨識為 HEX

218°
100%

71.9%
0.080
262°
  • 藍色
  • 淺
  • 柔和
  • 莫蘭迪
  • 冷色
  • ≈ 深灰色
  • slate-400
  • 黑度 16%

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

白色文字
2.49:1難以閱讀
Lc -54
黑色文字
8.43:1清楚易讀 · AA
Lc 55

色階

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

和諧配色

最近使用

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

關於 #89a5d7

#89a5d7 是一種莫蘭迪 淺藍色。在 OKLCH 中,它的亮度為 71.9%,彩度為 0.08,色相為 262°。

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

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

最接近的有名稱顏色是深灰色(#a9a9a9)。在 Tailwind CSS 中,最接近的顏色是 slate-400。

更多淺藍色系顏色

更淺:#89a5d7 混入白色

更深:#89a5d7 混入黑色

更柔和:降低 #89a5d7 的飽和度

相近的有名稱顏色

與 #89a5d7 搭配的顏色

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

關於 #89a5d7 的常見問題

#89a5d7 是什麼顏色?

#89a5d7 是一種莫蘭迪 淺藍色。最接近的有名稱顏色是莫蘭迪 淺藍色。它的 RGB 值是 rgb(137, 165, 215),HSL 值是 hsl(218.46, 49.37%, 69.02%),OKLCH 值是 oklch(71.941% 0.07976 261.805)。

#89a5d7 跟什麼顏色最搭?

#89a5d7 的互補色是 #bea06a。想要比較柔和的搭配,可以用類似色 #6faece 和 #a59cd3。三角配色的另外兩色是 #d2918e 和 #88b183。

#89a5d7 上用白色還是黑色文字比較好讀?

在 #89a5d7 上,黑色文字比較好讀:白色的對比度為 2.49:1,黑色為 8.43:1。WCAG AA 要求內文對比度至少 4.5:1。

#89a5d7 是暖色還是冷色?

#89a5d7 屬於冷色。在 OKLCH 中,它的色相為 262 度,亮度為 71.9%,彩度為 0.08。