跳到取色器

#1f4557 顏色:柔和 深天藍色

#1f4557 的 RGB 值是 rgb(31, 69, 87),OKLCH 值是 oklch(37.1% 0.05304 231.101)。其他所有格式、色階和對比度都在下方。

辨識為 HEX

199°
100%

37.1%
0.053
231°
  • 天藍色
  • 深
  • 柔和
  • 冷色
  • ≈ 炭灰色
  • slate-700
  • 黑度 66%

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

白色文字
10.26:1清楚易讀 · AA
Lc -98
黑色文字
2.05:1難以閱讀
Lc 10

色階

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

和諧配色

最近使用

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

關於 #1f4557

#1f4557 是一種柔和 深天藍色。在 OKLCH 中,它的亮度為 37.1%,彩度為 0.053,色相為 231°。

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

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

最接近的有名稱顏色是炭灰色(#36454f)。在 Tailwind CSS 中,最接近的顏色是 slate-700。

更多深天藍色系顏色

更淺:#1f4557 混入白色

更深:#1f4557 混入黑色

  1. 000000

更柔和:降低 #1f4557 的飽和度

相近的有名稱顏色

與 #1f4557 搭配的顏色

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

關於 #1f4557 的常見問題

#1f4557 是什麼顏色?

#1f4557 是一種柔和 深天藍色。最接近的有名稱顏色是柔和 深天藍色。它的 RGB 值是 rgb(31, 69, 87),HSL 值是 hsl(199.29, 47.46%, 23.14%),OKLCH 值是 oklch(37.1% 0.05304 231.101)。

#1f4557 跟什麼顏色最搭?

#1f4557 的互補色是 #573825。想要比較柔和的搭配,可以用類似色 #15484c 和 #30405c。三角配色的另外兩色是 #563443 和 #414320。

#1f4557 上用白色還是黑色文字比較好讀?

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

#1f4557 是暖色還是冷色?

#1f4557 屬於冷色。在 OKLCH 中,它的色相為 231 度,亮度為 37.1%,彩度為 0.053。