蓝灰色
灰中透蓝如雨后冷空，沉静中的一丝忧郁
HEX
#5B686DRGB
rgb(91, 104, 109)HSL
hsl(197, 9%, 39%)HSV
hsv(197, 17%, 43%)CMYK
cmyk(17%, 5%, 0%, 57%)HEXA
#5B686DFFRGBA
rgba(91, 104, 109, 1)HSLA
hsla(197, 9%, 39%, 1)OKLCH
oklch(73.5%, 0.013, 222)LCH
lch(69.4%, 11.6, 220)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#5A6C69复制
#5B686D复制
#5A5E6C三色系3个间隔120°的色相
复制
#5B686D复制
#6C5A67复制
#676C5A分裂互补色主色 + 互补色两侧的颜色
复制
#5B686D复制
#6C5A5E复制
#6C695A互补色2个间隔180°的色相
复制
#5B686D复制
#6C605A矩形双互补色4个形成矩形的色相
复制
#5B686D复制
#695A6C复制
#6C605A复制
#5E6C5A单色系单一色相，变化饱和度和亮度
复制
#000000复制
#2C3235复制
#5B686D复制
#8D9BA0复制
#C5CCCE♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
风景写生
描绘阴天海面与雾中城市的经典色调，捕捉自然中稍纵即逝的诗意
北欧家具
蓝灰色羊毛面料的休闲椅与沙发，为空间注入冷静优雅的现代气息
商务衬衫
蓝灰色细条纹衬衫比纯白更有层次，是金融与法律行业的品位之选
海军风格
蓝灰色甲板漆与航海绳索的配色，在游艇与海滨住宅中延续航海传统
📜 起源与历史
蓝灰色在19世纪浪漫主义绘画中占据重要地位。德国画家卡斯帕·大卫·弗里德里希在《海边的修道士》中以大面积的蓝灰色渲染阴沉的天空与海洋，将自然景观转化为灵魂风景。
法国印象派画家莫奈在伦敦系列画作中反复描绘泰晤士河上的蓝灰色雾霭。工业革命的煤烟与河面水汽混合形成的独特蓝灰调，被莫奈称为这个时代最美的色彩礼物。
美国肖像画家萨金特在《X夫人》中以蓝灰色丝绸长裙塑造了一位优雅而疏离的女性形象。这条裙子的蓝灰色成为19世纪末巴黎时尚界争相模仿的流行色。
20世纪中叶，蓝灰色成为现代主义设计的宠儿。丹麦设计师阿诺·雅各布森的蛋椅以蓝灰色羊毛面料包裹，在建筑事务所与银行大厅中营造冷静专业的氛围。
🧠 色彩心理学
沉静雨后天空的沉淀之色，让躁动的心绪逐渐平复，进入深度思考状态
忧郁淡淡的蓝色底调带有一丝诗意的忧伤，是文学与音乐中的浪漫情绪
理性蓝色与灰色的双重冷静基因，适合需要逻辑分析与客观判断的场景
疏离不冷不热的蓝灰调保持礼貌的距离感，是现代都市的人际边界色
典雅萨金特画中贵族女性的衣裙之色，散发着不张扬的高级审美修养
包容海洋与天空之间的中间色，兼容自然界的浩瀚与都市空间的秩序