钴蓝色
CSS标准钴蓝，深沉浓郁的经典蓝调
HEX
#0047ABRGB
rgb(0, 71, 171)HSL
hsl(215, 100%, 34%)HSV
hsv(215, 100%, 67%)CMYK
cmyk(100%, 58%, 0%, 33%)HEXA
#0047ABFFRGBA
rgba(0, 71, 171, 1)HSLA
hsla(215, 100%, 34%, 1)OKLCH
oklch(62.4%, 0.145, 241)LCH
lch(56.8%, 50.9, 257)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#009FAD复制
#0047AB复制
#0E00AD三色系3个间隔120°的色相
复制
#0047AB复制
#AD0048复制
#48AD00分裂互补色主色 + 互补色两侧的颜色
复制
#0047AB复制
#AD0E00复制
#9FAD00互补色2个间隔180°的色相
复制
#0047AB复制
#AD6500矩形双互补色4个形成矩形的色相
复制
#0047AB复制
#AD009F复制
#AD6500复制
#00AD0E单色系单一色相，变化饱和度和亮度
复制
#000000复制
#001E47复制
#0047AB复制
#1476FF复制
#7AB2FF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
汽车仪表
运动型车辆的仪表盘灯光或车身漆面，彰显机械素质与精准操控感。
商务文书
正式合同或报告中的强调色，比黑色活泼但比浅蓝严肃，体现专业精神。
青花瓷器
在高端骨瓷餐具上描绘传统花纹，即复兴古典青花之美，又具现代色彩。
数据图表
金融或统计软件的图表主色，在深色模式下清晰呈现数据，增强信任度。
📜 起源与历史
钴蓝的发现源于18世纪末至19世纪初的化学实验。法国化学家泰纳尔在1802年成功制备出稳定的钴铝尖晶石，这种颜料比群青便宜得多，且着色力强、覆盖性佳。
19世纪中叶，钴蓝迅速风靡欧洲画坛。印象派大师如雷诺阿、莫奈和梵高极爱使用钴蓝描绘户外光影。梵高的《星空》中，钴蓝与明黄构成强烈的视觉漩涡，成为表现主义先驱。
在陶瓷工艺上，中国自唐代起就使用含钴的釉料烧制青花瓷，但那时的钴料主要来自波斯，呈色常有变化。西方合成的钴蓝釉料在晚清传入，带来了更稳定的发色。
进入工业时代，由于出色的耐热性和化学稳定性，钴蓝广泛应用于工程塑料、建筑玻璃涂层。在数字标准中，它成为令人感到信赖与深沉的专业级蓝色。
🧠 色彩心理学
专注强效的镇静作用能屏蔽外部噪音，帮助进入深度集中、心无旁骛的状态。
专业浓郁但不沉闷，传递出高度的专业素养和脚踏实地的技术实力。
内敛所有情绪都收敛于沉稳的色调下，展现成熟而不张扬的处事态度。
效率暗示清晰的目标与冷静的执行力，杜绝拖沓与情绪化的决策。
精密视觉上的锐利感与机械的精密度吻合，联想到仪表盘上的冷静读数。
克制情绪表达上的节制，代表理性至上，避免一切浮夸的修饰。