群青色
网页标准群青，浓郁深蓝中透出一抹神秘紫调
HEX
#120A8FRGB
rgb(18, 10, 143)HSL
hsl(244, 87%, 30%)HSV
hsv(244, 93%, 56%)CMYK
cmyk(87%, 93%, 0%, 44%)HEXA
#120A8FFFRGBA
rgba(18, 10, 143, 1)HSLA
hsla(244, 87%, 30%, 1)OKLCH
oklch(45.8%, 0.208, 281)LCH
lch(34.7%, 87.1, 300)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#0A448F复制
#120A8F复制
#550A8F三色系3个间隔120°的色相
复制
#120A8F复制
#8F130A复制
#0A8F13分裂互补色主色 + 互补色两侧的颜色
复制
#120A8F复制
#8F550A复制
#448F0A互补色2个间隔180°的色相
复制
#120A8F复制
#868F0A矩形双互补色4个形成矩形的色相
复制
#120A8F复制
#8F0A44复制
#868F0A复制
#0A8F55单色系单一色相，变化饱和度和亮度
复制
#000000复制
#060330复制
#120A8F复制
#1F11EE复制
#7970F5♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
珠宝品牌
作为奢华品牌网站的主色调，能极佳地衬托钻石与宝石的光辉，讲述时间沉淀的故事。
艺术展览
用于当代艺术展览的海报或背景墙，强烈的视觉张力能瞬间捕获观众的注意力。
科技背景
代码编辑器或科技控件的暗色模式背景，减少屏幕眩光，同时彰显极客的深邃感。
晚宴礼服
丝绒或缎面材质的礼服长裙，在灯光下泛出幽幽蓝光，成就夜晚最不可捉摸的身影。
📜 起源与历史
群青一词源于拉丁文ultramarinus，意为来自海洋之外，原指由阿富汗青金石研磨而成的珍贵颜料。在中世纪和文艺复兴时期，其价值堪比黄金，被虔诚地保留给圣母玛利亚的长袍。
因其昂贵，赞助人常通过合同规定画家在何处使用群青，以示虔诚和财富。提香、维米尔等大师皆精于此道，用薄薄的群青釉层创造出深邃如宇宙的视觉效果。
19世纪，法国政府悬赏发明人造群青，化学家吉美于1828年成功合成，大幅降低了成本，使这种摄人心魄的蓝色飞入寻常百姓家，并迅速被印象派画家采用。
在数字时代，CSS定义的群青色保留了其深沉的灵魂，但更偏紫调。它成为网页设计中强有力的强调色，常在需要传递权威、神秘或高端科技感的设计中闪亮登场。
🧠 色彩心理学
深邃如凝视深海或夜空的中央，引发对未知深处的无限遐想与探索欲望。
权威携带历史的尊贵基因，自发地令人敬畏，赋予设计不可辩驳的说服力。
直觉与眉心轮相关的色彩，刺激直觉与灵性的感知，唤醒内在的深层智慧。
神秘几乎要吞噬光线的暗度，包裹着未解之谜，激发人的好奇心和想象力。
蜕变象征从黑暗到光明的精神转化，鼓励人摆脱旧我，实现心灵的深刻蜕变。
独立不迎合、不随流的色彩性格，映射出独立思考与卓尔不群的精神特质。