薄荷綠

像薄荷葉一樣明亮清爽的綠色。給人乾淨又放鬆的印象。是復古廚房、冰淇淋、春裝和馬卡龍色設計的經典色。

又稱：薄荷色, 淡薄荷綠

薄荷綠 · #98FF98

薄荷綠的基本資訊

薄荷綠（#98FF98）是介於冷暖之間、偏亮、鮮豔的顏色，屬於綠色系。RGB 值為紅 152、綠 255、藍 152（各 255 階）。常見用途：室內設計, 時尚, 烘焙甜點。

薄荷綠的深淺：亮色調與暗色調

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

和薄荷綠搭配的顏色

白色乾淨又充滿夏天感。灰色讓薄荷綠沉穩下來，更有現代感。粉紅色甜美活潑的粉彩組合。珊瑚色溫暖又充滿活力的對比。海軍藍為薄荷綠增添份量與質感。粉彩黃明亮的春季組合。薰衣草紫兩個互相襯托的冷調粉彩色。金色為粉彩色增添恰到好處的奢華感。

薄荷綠在穿搭與居家布置的搭配方式 →

薄荷綠的色彩和諧配色

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

互補色相近顏色：蘭花紫

類似色相近顏色：淺綠色, 海藍寶色

三等分配色相近顏色：薰衣草紫, 紅鶴粉

分裂互補色相近顏色：薰衣草紫, 紅鶴粉

四角配色相近顏色：嬰兒藍, 蘭花紫, 蜜桃色

使用薄荷綠的配色色票

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

單色配色 · 薄荷綠

類似色配色 · 薄荷綠

互補色配色 · 薄荷綠

三等分配色 · 薄荷綠

搭配中性色配色 · 薄荷綠

搭配強調色配色 · 薄荷綠

薄荷綠與文字顏色的對比

白色文字對比度 1.2:1 · 不建議

黑色文字對比度 17.1:1 · AAA

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

CSS 程式碼

:root {
  --mint-green: #98FF98;
  --mint-green-rgb: 152, 255, 152;
}
.bg { background-color: var(--mint-green); }
.text { color: var(--mint-green); }

和薄荷綠相近的顏色

淺綠色粉彩綠祖母綠開心果綠海藍寶色翡翠綠粉彩黃蘋果綠森林綠土耳其藍

常見問題

薄荷綠的色碼是多少？

薄荷綠的 HEX 色碼是 #98FF98。RGB 為 rgb(152, 255, 152)，HSL 為 hsl(120, 100%, 80%)，CMYK 為 40, 0, 40, 0。

薄荷綠的互補色是什麼？

在色環上位於對面的互補色是 #FF98FF，色調接近蘭花紫。少量用來當強調色，就能做出強烈的對比。

在薄荷綠上放白色文字好閱讀嗎？

建議改用黑色文字。和白色的對比度只有 1.2:1，和黑色則有 17.1:1。

薄荷綠和什麼顏色搭配？

適合搭配的顏色：白色, 灰色, 粉紅色, 珊瑚色, 海軍藍。避免和深綠色或軍綠色搭配，會讓薄荷綠看起來褪色。螢光色放在旁邊也會讓它顯得暗淡。