浅钢蓝
淡化的钢蓝色，柔和且富有金属质感
HEX
#B0C4DERGB
rgb(176, 196, 222)HSL
hsl(214, 41%, 78%)HSV
hsv(214, 21%, 87%)CMYK
cmyk(21%, 12%, 0%, 13%)HEXA
#B0C4DEFFRGBA
rgba(176, 196, 222, 1)HSLA
hsla(214, 41%, 78%, 1)OKLCH
oklch(91.2%, 0.021, 253)LCH
lch(89.8%, 15.6, 236)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#B0DBDE复制
#B0C4DE复制
#B3B0DE三色系3个间隔120°的色相
复制
#B0C4DE复制
#DEB0C4复制
#C4DEB0分裂互补色主色 + 互补色两侧的颜色
复制
#B0C4DE复制
#DEB3B0复制
#DBDEB0互补色2个间隔180°的色相
复制
#B0C4DE复制
#DECAB0矩形双互补色4个形成矩形的色相
复制
#B0C4DE复制
#DEB0DB复制
#DECAB0复制
#B0DEB3单色系单一色相，变化饱和度和亮度
复制
#395C89复制
#688EC0复制
#B0C4DE复制
#F8FAFC复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
西式餐具
现代酒店自助餐标配的加厚不锈钢刀叉，在灯光下折射出干净且不刺眼的用餐氛围。
苹果设备
Apple Watch的银色铝金属表壳配合浅钢蓝表带，演绎了科技与时尚轻巧的结合。
微云备份
网盘或备忘录的毛玻璃背景，似有似无地归纳着琐事，不给予用户存储的空间压迫。
制图软件
CAD或矢量绘图程序的画板预设色，精准的浅底帮助设计师长时间聚焦于繁杂线条。
📜 起源与历史
浅钢蓝是钢蓝的浅化与柔和变体。当20世纪初不锈钢技术成熟进入家庭厨房时，这种低饱和的淡蓝灰色就随着流线型水槽和餐盘进入了大众生活，代表了当时的卫生与现代化。
在第一次世界大战期间，各国生产的战列舰采用了眩惑迷彩涂装，其中就包含了大量浅灰蓝。这种色彩在雾气弥漫的海洋上可以模糊船体轮廓，完成了从装饰到功能性的转化。
二战后的美国汽车黄金时代，这种被称为冰川蓝的颜色在凯迪拉克与雪佛兰的巨大尾鳍上十分流行。它中和了美式浮夸造型的笨重，增添了那个时代对飞行和流线感的轻快向往。
进入高信息时代，浅钢蓝回归界面设计。因为它在RGB冷色系中最不易引起视觉残像，成为小程序与聊天软件长文阅读页面的首选底色，默默优化着人机交互中的微疲劳感。
🧠 色彩心理学
柔韧兼具金属的强度和丝绸的柔滑，具有遇强则强、遇弱则柔的高度弹性适应力。
疏淡如非常稀释后的水墨，对人际保持冷淡但不失礼节的尺度，是社交恐惧的庇护所。
平滑消除一切沙粒感的高目数表面，暗示业务流程的无缝衔接与极度顺滑的逻辑体验。
常规在不确定中寻求确定的默认值，从不标新立异，是组织系统里最让人安心的一环。
明净如抛光铝件的氧化表层，不染尘埃的通透，在视觉中始终维持没有杂点的均质。
适度极佳的情绪调节能力，从不走极端，给人温度与冷感之间最适宜的黄金体感。