蓝绿色

介于蓝与绿之间的沉静色调,如深潭碧水

HEX#008B8B
RGBrgb(0, 139, 139)
HSLhsl(180, 100%, 27%)
HSVhsv(180, 100%, 55%)
CMYKcmyk(100%, 0%, 0%, 45%)
HEXA#008B8BFF
RGBArgba(0, 139, 139, 1)
HSLAhsla(180, 100%, 27%, 1)
OKLCHoklch(74%, 0.126, 195)
LCHlch(71.5%, 47.8, 200)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#008A45
复制
#008B8B
复制
#00458A
三色系3个间隔120°的色相
复制
#008B8B
复制
#8A008A
复制
#8A8A00
分裂互补色主色 + 互补色两侧的颜色
复制
#008B8B
复制
#8A0045
复制
#8A4500
互补色2个间隔180°的色相
复制
#008B8B
复制
#8A0000
矩形双互补色4个形成矩形的色相
复制
#008B8B
复制
#45008A
复制
#8A0000
复制
#458A00
单色系单一色相,变化饱和度和亮度
复制
#000000
复制
#002424
复制
#008B8B
复制
#00F0F0
复制
#57FFFF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#F5FFFF对比度 4.1:1AA Large
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#FFFFFF对比度 4.1:1AA Large
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#00008A对比度 3.7:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#8A008A对比度 2.1:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,步进调整明度 ±30%
#003333复制
#003333复制
#005757复制
#008A8A复制
#00BDBD复制
#00F0F0复制
#24FFFF复制
饱和度变化 (Saturation)固定色相与明度,步进调整饱和度 ±30%
#157575复制
#0E7C7C复制
#078383复制
#008A8A复制
#008A8A复制
#008A8A复制
#008A8A复制
明度 + 饱和度混合变化同时调整明度与饱和度,步进变化
#084545复制
#054747复制
#045858复制
#018383复制
#00ADAD复制
#00D6D6复制
#00FFFF复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#008A67复制
#008A73复制
#008A7E复制
#008A8A复制
#007E8A复制
#00738A复制
#00678A复制

💡 适用场景

💻

高端网站

蓝绿色是科技与金融类网站的首选,营造专业、可信赖的沉静氛围。

🛋️

家居墙面

用于书房或卧室,打造宁静的避风港,配合黄铜装饰可提升复古质感。

👗

职业套装

蓝绿色丝质衬衫或西装,展现职场女性知性优雅又不失亲和力的一面。

📱

冥想应用

在UI界面中作为主色调,帮助用户快速进入平静状态,缓解数字疲劳。

📜 起源与历史

蓝绿色的历史可追溯至古代文明。古埃及人将孔雀石研磨成粉制作眼影,这可能是最早的蓝绿调颜料之一,象征着尼罗河的生机与神祇的庇护。

中世纪时期,蓝绿色在拜占庭艺术中崭露头角,常被用于镶嵌画的背景,表现天国与尘世之间的神秘地带。它的调制需要青金石与铜绿混合,工艺极为复杂。

19世纪维多利亚时代,随着化学染料工业兴起,蓝绿色走入家居装饰,成为书房与客厅的流行色,被称为蒂芙尼蓝的前身,传递着内敛的优雅。

20世纪后期,蓝绿色在数字界面设计中获得新生。它在屏幕上能有效缓解视觉疲劳,成为医疗与金融应用界面的常客。

东方文化中,蓝绿色对应五行中的木与水的交融,是青瓷釉色中的经典。宋代龙泉窑的梅子青便带有这种沉稳的蓝绿调,表达了士大夫清冷高洁的品格。

🧠 色彩心理学

理智冷静蓝绿色同时拥有蓝色的理性与绿色的平和,能快速让人冷静下来,适合需要清晰思考的环境。
优雅知性这种不张扬的色彩自带书卷气,仿佛能传递知识的深度,令人联想到学者的书房。
内敛自省它不似原色强烈,促使人向内探索,营造出一个不被打扰的精神空间。
稳定踏实如深海般恒定,蓝绿色给予人坚实可靠的心理暗示,能平复内心的浮躁。
治愈抚慰沉静的调性对情绪有安抚作用,像被清凉的深水包裹,缓解焦虑与紧张。
疏离神秘介于蓝绿之间的模糊地带,带有一丝不可言说的神秘感,保持恰到好处的距离。