配色調色盤

海軍藍

名稱來自英國海軍的制服。這是給人誠信感又好搭配的極深藍色。是西裝、學校制服和海洋風室內設計的經典色。

又稱:藏青色, 深海軍藍

海軍藍 · #000080

海軍藍的基本資訊

海軍藍(#000080)是冷色系、偏暗、鮮豔的顏色,屬於藍色系。RGB 值為紅 0、綠 0、藍 128(各 255 階)。常見用途:時尚, 制服, 室內設計。

海軍藍的深淺:亮色調與暗色調

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

和海軍藍搭配的顏色

白色經典的海洋風對比,乾淨又清爽。米色優雅放鬆的組合,最適合日常穿搭。駝色駝色的溫暖中和了海軍藍的冷調。紅色形成大膽又帶運動感的對比。金色常用在鈕扣和金屬配件,增添高級感。莫蘭迪粉讓海軍藍變得柔和,帶出浪漫氛圍。芥末黃在深色基底上格外亮眼,溫暖又現代的跳色。淺灰色低調的組合,非常適合上班穿搭。
海軍藍在穿搭與居家布置的搭配方式 →

海軍藍的色彩和諧配色

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

互補色相近顏色:橄欖綠
類似色相近顏色:紫外光色, 靛藍色
三等分配色相近顏色:褐紅色, 綠色
分裂互補色相近顏色:巧克力色, 綠色
四角配色相近顏色:勃根地紅, 橄欖綠, 翡翠綠

使用海軍藍的配色色票

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

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

海軍藍與文字顏色的對比

白色文字對比度 16.0:1 · AAA
黑色文字對比度 1.3:1 · 不建議

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

CSS 程式碼

:root {
  --navy-blue: #000080;
  --navy-blue-rgb: 0, 0, 128;
}
.bg { background-color: var(--navy-blue); }
.text { color: var(--navy-blue); }

和海軍藍相近的顏色

群青色深藍色靛藍色克萊因藍午夜藍深紫色葡萄紫鈷藍色紫色藍寶石色

其他藍色系

藍色天藍色鈷藍色藍寶石色鋼藍色皇家藍電光藍午夜藍群青色法國藍普魯士藍粉彩藍嬰兒藍丹寧藍克萊因藍深藍色淺藍色蔚藍色

常見問題

海軍藍的色碼是多少?

海軍藍的 HEX 色碼是 #000080。RGB 為 rgb(0, 0, 128),HSL 為 hsl(240, 100%, 25%),CMYK 為 100, 100, 0, 50。

海軍藍的互補色是什麼?

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

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

可以。和白色的對比度為 16.0:1,一般大小的文字也足夠清楚(WCAG AA)。

海軍藍和什麼顏色搭配?

適合搭配的顏色:白色, 米色, 駝色, 紅色, 金色。和黑色搭配時,如果兩色看起來太像,反而像是「搭錯了」,要避免。深紫色放在旁邊也會讓顏色糊在一起,顯得混濁。