配色調色盤

藍灰色

帶有明顯藍調的灰色。冷調卻親切。常用於臥室、正式服裝和低調的介面。

又稱:灰藍色, 藍灰

藍灰色 · #7393B3

藍灰色的基本資訊

藍灰色(#7393B3)是冷色系、中等亮度、低彩度的顏色,屬於灰色系。RGB 值為紅 115、綠 147、藍 179(各 255 階)。常見用途:室內設計, 時尚, 網頁。

藍灰色的深淺:亮色調與暗色調

由淺到深依序排列。點一下顏色就能複製色碼。

看看所有色階: 色階產生器

藍灰色的色彩和諧配色

依據色環產生的配色。到色彩和諧工具可以試試更多組合。

互補色相近顏色:駝色
類似色相近顏色:海沫綠, 紫外光色
三等分配色相近顏色:玫瑰金, 苔蘚綠
分裂互補色相近顏色:古典玫瑰色, 沙色
四角配色相近顏色:梅子紫, 駝色, 開心果綠

使用藍灰色的配色色票

可以直接複製色碼,或在編輯器中開啟自由調整。

單色配色 · 藍灰色
類似色配色 · 藍灰色
互補色配色 · 藍灰色
三等分配色 · 藍灰色
搭配中性色配色 · 藍灰色
搭配強調色配色 · 藍灰色

藍灰色與文字顏色的對比

白色文字對比度 3.2:1 · AA(大字)
黑色文字對比度 6.6:1 · AA

依據 WCAG 2.1 標準。其他顏色組合可以用對比檢查工具確認。

CSS 程式碼

:root {
  --blue-gray: #7393B3;
  --blue-gray-rgb: 115, 147, 179;
}
.bg { background-color: var(--blue-gray); }
.text { color: var(--blue-gray); }

和藍灰色相近的顏色

石板灰鋼藍色蔚藍色鋼灰色灰色鉛灰色煙灰色嬰兒藍天藍色粉彩藍

使用這個顏色的主題配色

其他灰色系

灰色淺灰色深灰色銀色炭灰色石板灰灰燼色珍珠灰牛津灰石墨灰灰褐色鋼灰色鉛灰色煙灰色岩石灰白金色灰米色

常見問題

藍灰色的色碼是多少?

藍灰色的 HEX 色碼是 #7393B3。RGB 為 rgb(115, 147, 179),HSL 為 hsl(210, 30%, 58%),CMYK 為 36, 18, 0, 30。

藍灰色的互補色是什麼?

在色環上位於對面的互補色是 #B39373,色調接近駝色。少量用來當強調色,就能做出強烈的對比。

在藍灰色上放白色文字好閱讀嗎?

建議改用黑色文字。和白色的對比度只有 3.2:1,和黑色則有 6.6:1。