深蓝色
CSS标准深蓝,深邃如渊的暗调午夜蓝
HEX
#00008BRGB
rgb(0, 0, 139)HSL
hsl(240, 100%, 27%)HSV
hsv(240, 100%, 55%)CMYK
cmyk(100%, 100%, 0%, 45%)HEXA
#00008BFFRGBA
rgba(0, 0, 139, 1)HSLA
hsla(240, 100%, 27%, 1)OKLCH
oklch(36.9%, 0.256, 264)LCH
lch(23.5%, 110.7, 303)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#00458A复制
#00008B复制
#45008A三色系3个间隔120°的色相
复制
#00008B复制
#8A0000复制
#008A00分裂互补色主色 + 互补色两侧的颜色
复制
#00008B复制
#8A4500复制
#458A00互补色2个间隔180°的色相
复制
#00008B复制
#8A8A00矩形双互补色4个形成矩形的色相
复制
#00008B复制
#8A0045复制
#8A8A00复制
#008A45单色系单一色相,变化饱和度和亮度
复制
#000000复制
#000024复制
#00008B复制
#0000F0复制
#5757FF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
银行标识
大型金融机构的LOGO主色,利用深蓝传达百年的资本信誉与资产的安全保值。
学位礼服
博士或硕士学位的垂布颜色,象征学术的深厚积淀与对真理的严肃探讨。
安睡空间
卧室遮光窗帘或床品的底色,模拟最深的夜色,辅助诱导快速进入深度睡眠。
法律文书
司法机构网站和文件抬头的专用色,直观阐释法律的不可侵犯与不容置疑。
📜 起源与历史
深蓝色接近于自然界的深夜天空与深海无光层。在西方文化中,克莱因蓝之前的世代,深蓝常被用来描绘神性无限延伸的宇宙背景,象征着宇宙的不可知性。
在政治与商业领域,深蓝色以其强烈的权威感,取代黑色成为西装和制服的首选。它被称为权力套装的颜色,在20世纪80年代公司文化中极盛一时,代表着秩序与统治力。
早期互联网因技术限制,色彩较为单调。深蓝作为少数几种在CRT显示器上表现沉稳的颜色,被广泛用于政府、大学和早期门户网站的默认配色,奠定了其数字标准的基础。
近现代心理学研究发现,深蓝环境能降低心率并促进褪黑素分泌,因而它被大量应用在卧室寝具、机场贵宾厅等需要绝对安静与隐私的场所。
🧠 色彩心理学
权威不怒自威的压迫感,在沉默中树立起不可动摇的界限与至高指令。
保守遵循传统与规则的色彩,排斥轻浮的变化,是经验与稳固的代名词。
忠诚暗示矢志不渝的追随与坚守,常用于制服中象征对国家或组织的无限忠诚。
理性隔绝感性干扰,完全归于逻辑与客观分析,就像科学家的深夜沉思。
安宁黑暗来临前的终极保护色,提供类似回归母体般最深层的包裹与安全感。
严谨不容丝毫差错的严厉感,警戒着随时可能的松懈,敦促追求完美。