亮蓝色
RAL亮蓝,灰调柔和的高雅知性蓝
HEX
#41678DRGB
rgb(65, 103, 141)HSL
hsl(210, 37%, 40%)HSV
hsv(210, 54%, 55%)CMYK
cmyk(54%, 27%, 0%, 45%)HEXA
#41678DFFRGBA
rgba(65, 103, 141, 1)HSLA
hsla(210, 37%, 40%, 1)OKLCH
oklch(72.4%, 0.052, 243)LCH
lch(68.2%, 24.1, 243)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#408C8C复制
#41678D复制
#40408C三色系3个间隔120°的色相
复制
#41678D复制
#8C4066复制
#668C40分裂互补色主色 + 互补色两侧的颜色
复制
#41678D复制
#8C4040复制
#8C8C40互补色2个间隔180°的色相
复制
#41678D复制
#8C6640矩形双互补色4个形成矩形的色相
复制
#41678D复制
#8C408C复制
#8C6640复制
#408C40单色系单一色相,变化饱和度和亮度
复制
#000000复制
#203346复制
#41678D复制
#7399BF复制
#B9CCDF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
商务签字
高档滚珠笔的油墨色,签署合同时比黑色活泼、比蓝色庄重,带着商务精英的克制雅致。
法式袖扣
温莎领衬衫搭配的珐琅袖扣,灰蓝色低调地呼应西装,唯有在握手翻腕时才显露品味。
蓝图细节
建筑师和结构工程师在CAD背景中的图层色,精准界定水暖电管线而不与墙体强冲突。
在线文档
飞书或Notion类应用的暗色模式侧边栏,给线上办公提供一个不累眼的专业深色环境。
📜 起源与历史
RAL 5007亮蓝色并非刺眼的荧光蓝,而是一种柔和且带有灰度的中间蓝。它由德国劳尔公司在欧洲经济复苏时期推出,旨在为现代主义写字楼的金属办公家具提供一种比灰白更有人情味的选项。
1980年代,随着计算机辅助设计兴起,亮蓝色被广泛用作工程图纸上的标注色。在蓝色的晒图纸上,这种偏灰的蓝能清晰标注而不刺眼,陪伴了无数建筑师完成手绘到CAD的过渡。
在纺织业,这种颜色是高级商务衬衫的常客。它摆脱了白衬衫的廉价感和深蓝的过于保守,用适中的明度和冷灰调完美修饰亚洲人偏黄的肤色,成为白领阶层的衣橱基本款。
进入数字化工作流,亮蓝色因在屏幕上的极端友好性,被用于企业协作软件和在线文档的暗色模式。它在白底和黑底上都能维持得体的灰度,既专业又不引发视觉疲劳。
🧠 色彩心理学
儒雅如学者般的谦谦之风,书卷气混合着精英阶层的良好教养,交流时保持令人舒适的距离。
中和调和一切极端情绪的中庸基调,激烈争吵的环境遇到它仿佛被瞬间调低了几个分贝。
通透即便是暗淡的阴天室内,它也不会显得阴郁,而是如磨砂玻璃般透出朦胧而稳定的微光。
达理代表现代企业协作中的扁平化沟通,用理智取代阶级,建立客观且通情达理的讨论氛围。
默契不需要过多语言解释的共识色,靠直觉和约定俗成的企业文化维系着团队的同步率。
匀质视觉上的绝对均匀,没有笔触和噪点,如精密喷涂的烤漆,是现代工业美学的极致体现。