靛蓝色
网页标准靛蓝，偏青黑的深沉蓝调
HEX
#00416ARGB
rgb(0, 65, 106)HSL
hsl(203, 100%, 21%)HSV
hsv(203, 100%, 42%)CMYK
cmyk(100%, 39%, 0%, 58%)HEXA
#00416AFFRGBA
rgba(0, 65, 106, 1)HSLA
hsla(203, 100%, 21%, 1)OKLCH
oklch(58.9%, 0.11, 223)LCH
lch(53.2%, 38.9, 233)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#006B5F复制
#00416A复制
#000C6B三色系3个间隔120°的色相
复制
#00416A复制
#6B0042复制
#426B00分裂互补色主色 + 互补色两侧的颜色
复制
#00416A复制
#6B000C复制
#6B5F00互补色2个间隔180°的色相
复制
#00416A复制
#6B2900矩形双互补色4个形成矩形的色相
复制
#00416A复制
#5F006B复制
#6B2900复制
#0C6B00单色系单一色相，变化饱和度和亮度
复制
#000000复制
#000305复制
#00416A复制
#0081D1复制
#38B3FF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
丹宁制品
不仅是牛仔裤，各类工装夹克与箱包上，靛蓝都赋予其随性而不廉价的复古灵魂。
和风布艺
传统蓝染的门帘或茶巾，纹理变化记录着时间的痕迹，装点出侘寂美学角落。
备忘录
与米白色纸张搭配，记录重要事项和格言，梳理思绪并加深理性的印象。
蓝调酒吧
配合暗黄灯光，构成此类音乐现场的经典色调，极好地催化忧郁深情的氛围。
📜 起源与历史
靛蓝是人类最古老的染料之一，源自木蓝、蓼蓝等植物。印度河流域文明在四千年前便已掌握发酵法制靛，并向古埃及与美索不达米亚大量出口。古罗马人称其为来自印度的颜料。
在日本，蓝染工艺在江户时代达到顶峰。因禁奢令限制武士和平民穿着丝绸，棉布配以繁复的靛蓝扎染空前盛行，号称日本蓝。葛饰北斋笔下的蓝色浪花即多用此色。
19世纪末，德国化学家拜耳成功合成了人工靛蓝，沉重打击了殖民地种植园经济，但也让靛蓝牛仔裤走进全球工薪阶层。李维斯501便以靛蓝染制，开启了百年的工装风尚。
在数字标准色中，靛蓝被定义为一种深沉的蓝黑色。它既承袭了传统手工染色的质朴感，又兼具数字界面的深邃感，常被用作设计中的暗部焦点，调和冷暖冲突。
🧠 色彩心理学
深邃积淀了数千年的文明重量，望进去好像看不见底的古井，催生历史的沧桑感。
质朴手工和自然的指纹，褪去了工业油光的冰冷，满是匠人双手的踏实余温。
逻辑强烈的秩序感介入，代表思维中严谨推理与冷静判断的清醒面。
守护如深色盔甲，包围并阻隔外界纷杂，坚定守护内心深处的信念。
革新从天然到合成的材料演进史，使其蕴含颠覆传统、开创时代的变革力量。
落差拥有最深的平静与最强的爆发之间的张力，如静水流深，暗涌着无限势能。