菖蒲色
鸢尾花的蓝紫色，端午节的雅致色
HEX
#6C5B9CRGB
rgb(108, 91, 156)HSL
hsl(256, 26%, 48%)HSV
hsv(256, 42%, 61%)CMYK
cmyk(31%, 42%, 0%, 39%)HEXA
#6C5B9CFFRGBA
rgba(108, 91, 156, 1)HSLA
hsla(256, 26%, 48%, 1)OKLCH
oklch(73.5%, 0.064, 298)LCH
lch(68.7%, 26.6, 286)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#5B699A复制
#6C5B9C复制
#8B5B9A三色系3个间隔120°的色相
复制
#6C5B9C复制
#9A6C5B复制
#5B9A6C分裂互补色主色 + 互补色两侧的颜色
复制
#6C5B9C复制
#9A8B5B复制
#699A5B互补色2个间隔180°的色相
复制
#6C5B9C复制
#899A5B矩形双互补色4个形成矩形的色相
复制
#6C5B9C复制
#9A5B69复制
#899A5B复制
#5B9A8B单色系单一色相，变化饱和度和亮度
复制
#120F1A复制
#3F355A复制
#6C5B9C复制
#A398C3复制
#DDD8E8♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度，步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度，步进变化
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
鲤鱼旗
五月五日的男孩节必备挂饰，蓝紫色鲤鱼旗代表勇气与成长。
武道用具
剑道、弓道护具或头巾，体现武士道般的一本正经与专注。
七夕短册
七夕节诗笺上的淡紫色，用来写下希望才华进步的愿望。
和果子
柏饼或羊羹等点心，在端午节应季推出生机勃勃的和风感。
📜 起源与历史
菖蒲色来源于花菖蒲，即日本鸢尾。此色与端午之节句（现儿童节）深度绑定。菖蒲叶形似剑，在武家社会里此色被认为可辟邪驱魔，是勇气与气节的象征。
安土桃山时代，武将们极为推崇菖蒲色。铠甲上的系带或阵羽织常使用菖蒲色，以此祈求武运长久。千利休所提倡的“寂茶”中，也常用菖蒲色茶碗表现武士的清高。
在江户时代浮世绘中，菖蒲色广泛用于表现歌舞伎《菖蒲浴衣》等戏码。其蓝紫相间的特性，既含有盛夏的清凉，又有六月梅雨的湿润感，极富戏剧张力。
现今日本每逢五月初五，商铺皆以菖蒲色装饰。男孩节挂起的鲤鱼旗中也少不了此色，代表着父母望子成龙的殷切期望与庇护平安的祝愿。
🧠 色彩心理学
飒爽英姿如利剑般的直爽色彩，带给人干净利落、不拖泥带水的感觉。
清澄高洁蓝紫色系的冷艳结合，象征人格的清白与志向的高远。
冷静判断清明冷静的视觉效果，有助排除感性干扰做出正确决断。
祈福护佑传统信仰的心理投射，带来神佛庇佑的安全感和信念。
清冽凉爽视觉温度极低，仿佛能驱散暑气，带来六月雨后的舒爽。
锐意进取剑形联想下的好胜心，鼓励人们不断突破自我阻碍。