藏蓝色

CSS标准藏蓝，偏紫灰的深沉暗蓝

蓝色系沉稳数字标准色

HEX#2F2F4F

RGBrgb(47, 47, 79)

HSLhsl(240, 25%, 25%)

HSVhsv(240, 41%, 31%)

CMYKcmyk(41%, 41%, 0%, 69%)

HEXA#2F2F4FFF

RGBArgba(47, 47, 79, 1)

HSLAhsla(240, 25%, 25%, 1)

OKLCHoklch(58.1%, 0.049, 285)

LCHlch(51.1%, 21.3, 276)

🎨 配色方案

相似色2-3个相邻色相（≤60°）

三色系3个间隔120°的色相

分裂互补色主色 + 互补色两侧的颜色

互补色2个间隔180°的色相

矩形双互补色4个形成矩形的色相

单色系单一色相，变化饱和度和亮度

♿ WCAG 对比度配色

深入了解 →

Aa14px 正文

高对比文字

#BCBCD7对比度 6.9:1AA

适合正文、标题等主要内容，确保所有用户都能清晰阅读

Aa14px 正文

标准文字

#A68FBC对比度 4.4:1AA Large

适合普通正文内容，满足 WCAG AA 标准

Aa14px 正文

大文字/UI组件

#A366A3对比度 3:1AA Large

适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界

Aa14px 正文

装饰/分割线

#865050对比度 2:1Fail

适合装饰性元素、分割线、非必要信息文字

📊 色阶变体 (Scales)

在线调色 → 渐变生成器 →

明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%

#0F0F1A

#131320

#191929

#1F1F33

#24243D

#2A2A46

#303050

饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%

#393946

#373748

#363649

#34344B

#33334D

#31314E

#303050

明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%

#131316

#17171C

#1D1D25

#22222F

#27273A

#2C2C44

#303050

色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°

#303850

#303550

#303250

#303050

#323050

#353050

#383050

💡 适用场景

🧥

秋冬大衣

羊绒或羊毛材质的双面呢大衣，尽显低调奢华的沉稳气场，永不过时。

⚓

航海腕表

潜水表圈或尼龙表带，复刻海军陆战队的装备感，兼具实用硬朗与复古。

🏢

集团官网

作为大型企业门户的设计基色，向访客传递百年传承、绝不动摇的经营信念。

💼

商务皮具

顶级小牛皮公文包染色，在日常使用中养出的包浆效果，随时间愈发迷人。

📜 起源与历史

藏蓝色起源于18世纪英国皇家海军制服的颜色，故英文名为海军蓝。它比普通深蓝更带紫灰色调，因长期海上作业，衣物经盐分和日晒会自然褪色成这种独特质感。

19世纪英国维多利亚女王在海军检阅时强推海军蓝制服，此色迅速跻身上流社会。在爱德华时代，藏蓝成为绅士运动和乡村度假装束的标准色调。

在东方，藏蓝与中国青藏高原的喇嘛僧袍色泽相近。藏传佛教中，这种颜色对应着深沉的修行和护法神的威严，具备了宗教上的庄严意义。

数字标准中的藏蓝降低了明度，加入了微妙的灰调。这令它在屏幕显示时不会产生过度的蓝色偏移，是建立专业企业网站视觉系统的坚实基底色。

🧠 色彩心理学

稳健如同万吨巨轮的龙骨，在惊涛骇浪中提供磐石般的心理支撑与方向感。

秩序非黑非蓝的严肃区间，明确传递纪律和法则，是一切混乱的终结者。

质感灰调赋予的低调光泽，犹如精梳毛呢，触发了触觉上的高级厚度联想。

依赖貌似普通却不可或缺，像老管家一样，给人大事托付于此的绝对安全感。

谦逊虽有实力却不张扬，深谙人情世故，是成熟人格不争之争的处世视觉化。

耐久穿越世纪的经典用色，打消了时效焦虑，承诺跨时代的恒久品质。

← 返回色彩探索