配色調色盤

牛津灰

讓人聯想到牛津大學和英國傳統布料的顏色。這是接近黑色、非常暗的灰色。常用於學校制服、西裝褲和西裝。

又稱:牛津灰色, 深牛津灰

牛津灰 · #3A3B3C

牛津灰的基本資訊

牛津灰(#3A3B3C)是中性色、偏暗、接近無彩色的顏色,屬於灰色系。RGB 值為紅 58、綠 59、藍 60(各 255 階)。常見用途:時尚, 制服。

牛津灰的深淺:亮色調與暗色調

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

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

和牛津灰搭配的顏色

白色乾淨又專業的對比。天藍色上班穿搭的經典款。莫蘭迪粉柔和又現代的對比。芥末黃非常有質感的暖色跳色。酒紅色低調又有品味的組合。駝色為冷調的基底增添溫度。淺灰色優雅的灰色漸層。黃色明亮又現代的對比。
牛津灰在穿搭與居家布置的搭配方式 →

牛津灰的色彩和諧配色

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

互補色
類似色
三等分配色
分裂互補色
四角配色

使用牛津灰的配色色票

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

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

牛津灰與文字顏色的對比

白色文字對比度 11.2:1 · AAA
黑色文字對比度 1.9:1 · 不建議

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

CSS 程式碼

:root {
  --oxford-gray: #3A3B3C;
  --oxford-gray-rgb: 58, 59, 60;
}
.bg { background-color: var(--oxford-gray); }
.text { color: var(--oxford-gray); }

和牛津灰相近的顏色

瑪瑙黑漆黑色無煙煤色石墨灰炭灰色灰褐色深灰色煤黑色烏木黑茄子紫

使用這個顏色的主題配色

其他灰色系

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

常見問題

牛津灰的色碼是多少?

牛津灰的 HEX 色碼是 #3A3B3C。RGB 為 rgb(58, 59, 60),HSL 為 hsl(210, 2%, 23%),CMYK 為 3, 2, 0, 76。

牛津灰的互補色是什麼?

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

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

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

牛津灰和什麼顏色搭配?

適合搭配的顏色:白色, 天藍色, 莫蘭迪粉, 芥末黃, 酒紅色。避免在沒有亮色穿插的情況下,和黑色或很深的海軍藍搭配,全部會融在一起。和深咖啡色組合也可能顯得陰暗。