薄荷蓝
薄荷般清新凉爽的青绿色调，轻盈而通透
HEX
#50E3C2RGB
rgb(80, 227, 194)HSL
hsl(167, 72%, 60%)HSV
hsv(167, 65%, 89%)CMYK
cmyk(65%, 0%, 15%, 11%)HEXA
#50E3C2FFRGBA
rgba(80, 227, 194, 1)HSLA
hsla(167, 72%, 60%, 1)OKLCH
oklch(90.1%, 0.09, 182)LCH
lch(89.8%, 38.2, 189)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#50E279复制
#50E3C2复制
#50B9E2三色系3个间隔120°的色相
复制
#50E3C2复制
#C350E2复制
#E2C350分裂互补色主色 + 互补色两侧的颜色
复制
#50E3C2复制
#E250B9复制
#E27950互补色2个间隔180°的色相
复制
#50E3C2复制
#E2506F矩形双互补色4个形成矩形的色相
复制
#50E3C2复制
#7950E2复制
#E2506F复制
#B9E250单色系单一色相，变化饱和度和亮度
复制
#0E5848复制
#1DAF90复制
#50E3C2复制
#A7F1E1复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
健康应用
健康管理和医疗App界面的首选色，传递洁净与信赖感，缓解用户焦虑情绪。
环保品牌
环保和有机产品包装常用此色，突出天然、无害的品牌理念。
卫浴产品
沐浴露和牙膏等日化产品设计青睐薄荷蓝，强化清凉洁净的心理暗示。
潮流鞋服
春夏系列运动鞋和T恤的流行色，展现年轻活力与不落俗套的时尚态度。
📜 起源与历史
薄荷蓝是21世纪数字设计兴起后逐渐流行的现代色彩，它融合了青色的清凉感和绿色的自然气息，在扁平化设计和Material Design潮流中获得了广泛关注。
该颜色得名于薄荷植物的清新意象，虽然在传统颜料中难以找到精确对应，但近代化学染料的发展使得这种明快的青绿色调能够被精确再现。
在UI和产品设计领域，薄荷蓝因其温和而不刺眼的特性成为健康类App和医疗界面的热门选择，传递洁净与安全感的品牌理念。
近年来，薄荷蓝在时尚界也逐渐走红，成为春夏系列中代表轻盈与活力的流行色，频繁出现在运动休闲服饰和配饰设计中。
🧠 色彩心理学
清新如同咀嚼薄荷后的清爽感，这种颜色能瞬间唤醒感官，带来心旷神怡的愉悦体验。
治愈柔和不刺眼的色调具有抚慰人心的力量，常用于医疗和健康场景，减轻焦虑和紧张。
轻盈明亮的浅色调营造出一种无重力的轻快感，让人感到身心放松、无拘无束。
洁净薄荷蓝传递出卫生和纯净的信号，令人联想到消毒过的环境与清新的空气。
现代作为数字时代的产物，这种颜色自带一种前卫和潮流的气质，充满年轻活力。
乐观明快的色调能有效提振情绪，传递积极向上、充满希望的正能量。