跳到取色器

#cad5e2 顏色:低彩度 極淺藍色

#cad5e2 的 RGB 值是 rgb(202, 213, 226),OKLCH 值是 oklch(86.855% 0.02161 252.514)。其他所有格式、色階和對比度都在下方。

辨識為 HEX

212°
100%

86.9%
0.022
253°
  • 藍色
  • 極淺
  • 低彩度
  • 冷色
  • ≈ 淺灰色
  • slate-300
  • 黑度 11%

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

白色文字
1.49:1難以閱讀
Lc -26
黑色文字
14.13:1清楚易讀 · AA
Lc 81

色階

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

和諧配色

最近使用

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

關於 #cad5e2

#cad5e2 是一種低彩度 極淺藍色。在 OKLCH 中,它的亮度為 86.9%,彩度為 0.022,色相為 253°。

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

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

最接近的有名稱顏色是淺灰色(#d3d3d3)。在 Tailwind CSS 中,最接近的顏色是 slate-300。

更多極淺藍色系顏色

更淺:#cad5e2 混入白色

  1. cad5e2

更深:#cad5e2 混入黑色

  1. cad5e2

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

  1. cad5e2

相近的有名稱顏色

與 #cad5e2 搭配的顏色

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

關於 #cad5e2 的常見問題

#cad5e2 是什麼顏色?

#cad5e2 是一種低彩度 極淺藍色。最接近的有名稱顏色是低彩度 極淺藍色。它的 RGB 值是 rgb(202, 213, 226),HSL 值是 hsl(212.5, 29.27%, 83.92%),OKLCH 值是 oklch(86.855% 0.02161 252.514)。

#cad5e2 跟什麼顏色最搭?

#cad5e2 的互補色是 #ddd2c5。想要比較柔和的搭配,可以用類似色 #c5d7de 和 #d1d2e2。三角配色的另外兩色是 #e2ced0 和 #ced7c9。

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

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

#cad5e2 是暖色還是冷色?

#cad5e2 屬於冷色。在 OKLCH 中,它的色相為 253 度,亮度為 86.9%,彩度為 0.022。