#3b82f6 顏色：鮮豔 藍色
#3b82f6 的 RGB 值是 rgb(59, 130, 246)，OKLCH 值是 oklch(62.308% 0.18801 259.815)。其他所有格式、色階和對比度都在下方。
辨識為 HEX
- Ctrl V在任何地方貼上顏色
- 空白鍵隨機顏色
- C複製 HEX
鮮豔 藍色#3b82f6
- 藍色
- 中等
- 鮮豔
- 冷色
- ≈ 蔚藍色
- blue-500
- 黑度 4%
在 sRGB 色域內：在任何螢幕上顯示都一樣。
白色文字
3.68:1難以閱讀
Lc -69
黑色文字
5.71:1清楚易讀 · AA
Lc 40
色階
由淺到深排列。點一下色階即可使用。
和諧配色
最近使用
你停留過或複製過的顏色會出現在這裡，只儲存在這台裝置上。
關於 #3b82f6
#3b82f6 是一種鮮豔 藍色。在 OKLCH 中，它的亮度為 62.3%，彩度為 0.188，色相為 260°。
在 sRGB 色域內：在任何螢幕上顯示都一樣。
白色文字放在它上面的對比度為 3.68:1，黑色文字為 5.71:1，所以用白色文字比較好讀。
最接近的有名稱顏色是蔚藍色（#007fff）。在 Tailwind CSS 中，最接近的顏色是 blue-500。
更淺：#3b82f6 混入白色
更深：#3b82f6 混入黑色
更柔和：降低 #3b82f6 的飽和度
相近的有名稱顏色
與 #3b82f6 搭配的顏色
互補色
類似色
三角配色
分裂互補
關於 #3b82f6 的常見問題
#3b82f6 是什麼顏色？
#3b82f6 是一種鮮豔 藍色。最接近的有名稱顏色是鮮豔 藍色。它的 RGB 值是 rgb(59, 130, 246)，HSL 值是 hsl(217.22, 91.22%, 59.8%)，OKLCH 值是 oklch(62.308% 0.18801 259.815)。
#3b82f6 跟什麼顏色最搭？
#3b82f6 的互補色是 #b57a00。想要比較柔和的搭配，可以用類似色 #0095ce 和 #886cee。三角配色的另外兩色是 #e24956 和 #3ba01b。
#3b82f6 上用白色還是黑色文字比較好讀？
在 #3b82f6 上，白色文字比較好讀：白色的對比度為 3.68:1，黑色為 5.71:1。WCAG AA 要求內文對比度至少 4.5:1。
#3b82f6 是暖色還是冷色？
#3b82f6 屬於冷色。在 OKLCH 中，它的色相為 260 度，亮度為 62.3%，彩度為 0.188。