蝶翅蓝
dié chì lán · No.402 / 742
色值
| HEX | #4E7CA1 | |
| RGB | rgb(78, 124, 161) | |
| HSL | hsl(207, 35%, 47%) | |
| CMYK | cmyk(52%, 23%, 0%, 37%) |
CMYK 由 sRGB 色值换算，仅供参考；印刷请以打样为准。
适合做主色或稳定的辅助色。
数据更新于 2026-10-23
用这个颜色继续
配色关系
以「蝶翅蓝」为锚点，从 742 色库里推导的配色方向。每一个都是真实的传统色，点开看它的详情。
同类 · 统一
保持同一种气质，让画面稳定、安静、低风险。
邻近 · 柔和
在统一中加入轻微转折，让画面有变化但不跳脱。
互补 · 强调
制造一眼可见的焦点，用于让按钮、标题、数字或行动入口被看见。
分裂互补 · 稳对比
保留对比张力，但比直接互补更柔和、更容易进入现代版面。
三角 · 系列感
建立三种方向的色彩节奏，适合多张内容或多模块系统。
四角 · 多层级
给复杂信息提供更多层级选择，用于大型专题或多状态系统。
冷暖 · 情绪差
用冷暖变化制造情绪转折，让主体、信息和氛围分开。
明色 · 浅背景
把主色变轻，生成背景、留白、柔和提示和低压阅读环境。
暗色 · 深文字
从主色关系里找更稳的文字、边界、深色底和压重点。
灰调 · 降噪
降低饱和度，让颜色更耐看、更适合长时间阅读和信息密集场景。
中性 · 留白
为主色提供结构、留白、边界和呼吸感，让信息更容易被看懂。
关于「蝶翅蓝」
「蝶翅蓝」是中国传统色之一，属蓝色系，偏冷调。色值为 HEX #4E7CA1、RGB 78, 124, 161、HSL 207, 35%, 47%、CMYK 52, 23, 0, 37。在蓝色系的 95 种传统色中按色序排第 38 位。配色上，互补方向可取「银灰 #918072」，邻近色可取「蓝翠竹 #4B8F8C」。作为底色时，搭配白色文字的对比度约 4.4:1，接近 WCAG AA 正文标准（4.5:1），适合大字。
常见问题
「蝶翅蓝」是什么颜色？
「蝶翅蓝」是中国传统色之一，属蓝色系，偏冷调。色值为 HEX #4E7CA1、RGB 78, 124, 161、HSL 207, 35%, 47%、CMYK 52, 23, 0, 37。在蓝色系的 95 种传统色中按色序排第 38 位。
「蝶翅蓝」的 RGB、HSL、CMYK 值是多少？
色值为 HEX #4E7CA1、RGB 78, 124, 161、HSL 207, 35%, 47%、CMYK 52, 23, 0, 37。
「蝶翅蓝」适合搭配什么颜色？
配色上，互补方向可取「银灰 #918072」，邻近色可取「蓝翠竹 #4B8F8C」。更多同类、分裂互补、三角等关系见本页「配色关系」。
「蝶翅蓝」的色卡可以免费下载吗？
可以。本页提供「蝶翅蓝」的 PNG 高清色卡和 SVG 分享卡，免费下载。项目由小小东整理维护，GPL-3.0 开源。