配色調色盤

霧霾藍

彷彿混入灰色的低彩度藍,沉穩又有質感。雖然不搶眼,但十分好搭配。常見於婚禮花藝、伴娘服和北歐風居家布置,是近年很流行的低調色。

又稱:灰藍色, 莫蘭迪藍

霧霾藍的 HEX 色碼是 #8C9EB1。RGB 為 rgb(140, 158, 177),HSL 為 hsl(211, 19%, 62%),CMYK 為 21, 11, 0, 31。

實際搭配效果

選一個搭配色,看看用在服裝、居家和設計上的樣子。

和霧霾藍相近的顏色

錫灰色#899499藍灰色#7393B3石板灰#708090粉彩藍#AEC6CF煙灰色#848884灰色#808080

霧霾藍的基本資訊

霧霾藍(#8C9EB1)是冷色系、中等亮度、低彩度的顏色,屬於藍色系。RGB 值為紅 140、綠 158、藍 177(各 255 階)。常見用途:婚禮, 時尚, 室內設計。

霧霾藍的色票,以及從淺到深的色階 · #8C9EB1
霧霾藍 · #8C9EB1

霧霾藍的深淺:亮色調與暗色調

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

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

霧霾藍的色彩和諧配色

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

互補色相近顏色:暖灰色
類似色相近顏色:粉彩藍, 藍灰色
三等分配色相近顏色:莫蘭迪紫, 鼠尾草綠
分裂互補色相近顏色:乾燥玫瑰色, 鼠尾草綠
四角配色相近顏色:莫蘭迪紫, 暖灰色, 鼠尾草綠

使用霧霾藍的配色色票

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

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

霧霾藍與文字顏色的對比

白色文字對比度 2.7:1 · 不建議
黑色文字對比度 7.6:1 · AAA

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

CSS 程式碼

:root {
  --dusty-blue: #8C9EB1;
  --dusty-blue-rgb: 140, 158, 177;
}
.bg { background-color: var(--dusty-blue); }
.text { color: var(--dusty-blue); }

和霧霾藍相近的顏色

鋼灰色麻灰色銀色岩石灰

使用這個顏色的主題配色

其他藍色系

藍色海軍藍天藍色鈷藍色藍寶石色鋼藍色皇家藍電光藍午夜藍群青色法國藍普魯士藍粉彩藍嬰兒藍丹寧藍克萊因藍深藍色淺藍色蔚藍色長春花藍湛藍色矢車菊藍海洋藍粉藍色
霧霾藍的色票,以及從淺到深的色階 · #8C9EB1
霧霾藍的色票,以及從淺到深的色階 · #8C9EB1

接著試試這個

名字配色產生器輸入名字,做出你的色彩故事調色盤生日花花束產生器用生日花做出專屬的花束生日色圖案產生器用家人和朋友的生日色做格紋
查看所有免費工具 →

常見問題

霧霾藍的色碼是多少?

霧霾藍的 HEX 色碼是 #8C9EB1。RGB 為 rgb(140, 158, 177),HSL 為 hsl(211, 19%, 62%),CMYK 為 21, 11, 0, 31。

霧霾藍的互補色是什麼?

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

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

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