设计系统色参考

Ant Design Geekblue 8 颜色代码

Ant Design 极客蓝 8·#10239E

蓝色系冷调深色调高饱和oklch(35.3% 0.194 266)
HEX
#10239E主色 Token
RGB
rgb(16, 35, 158)屏幕色值
HSL
hsl(232 82% 34%)色相与明度
CMYK
90, 78, 0, 38印刷参考
LAB
23, 42, -67感知坐标
OKLCH
oklch(35.3% 0.194 266)现代感知空间
生成配色方案打开转换器

Ant Design Geekblue 8 是 Ant Design geekblue 色板中更深的一档，色值为 #10239E。它适合用于导航、按压态、企业工具和产品外壳，在气质上比 Geekblue 7 更冷、更密实。

最佳文字颜色白色文字
正文对比度11.96:1
最佳用途按压型企业状态、高密度导航与更深的 Ant geekblue 结构

色阶

100#D4D7EE
300#919AD2
500#3B4BAF
600#10239E
800#0C1972

对比度检查

白色文字放在该颜色上

按钮、标签、填充型操作。

11.96:1AAA 级对比

深色文字放在该颜色上

大标题和局部模块。

1.43:1需拉开明度差

该颜色用在浅色表面上

浅底上的链接、边框和图标。

11.36:1AAA 级对比
最佳文字颜色白色文字对比度 11.96:1

专业参考

OKLCHoklch(35.3% 0.194 266)
相对亮度0.0378
来源类型设计系统色
颜色分类
蓝色系冷调深色调高饱和
来源上下文
来源类型
设计系统色
系统
Ant Design
最接近颜色
Material Deep Purple 900Tailwind Indigo 800Material Deep Purple 800

可访问性矩阵

白色文字放在该颜色上

纯白文字放在当前颜色底上。

11.96:1AAA

深色文字放在该颜色上

深色正文或标题放在当前颜色底上。

1.43:1需拉开明度差

该颜色用在浅色表面上

当前颜色用于浅色界面的链接、描边或图标。

11.36:1AAA

该颜色用在深色表面上

当前颜色用于深色壳层里的描边、标签或图标。

1.43:1需拉开明度差
最佳文字颜色白色文字对比度 11.96:1 · AAA

适用场景

  • 适合导航、按压态和更高密度的企业表面。
  • 比 Geekblue 7 更深，也比标准蓝更冷。
  • 可搭配白色、石板灰中性和 indigo 主导的点缀。

参考说明

最后更新
2026-06-09
来源色库
Ant Design 色板
整理方式
已核验来源色值 + 站内说明
颜色说明

Ant Design 极客蓝 8 收录自公开发布的 Ant Design 色板，保留为可检索的参考色值，可直接用于产品、界面与品牌配色工作。

色相家族

稳定、专业、适合企业与产品系统的蓝色。

来源体系
设计系统色板

相关颜色

Ant Design Geekblue 7

Ant Design 极客蓝 7

#1D39C4·Ant Design 色板

Material Indigo 900

Material 靛蓝 900

#1A237E·Material Design 色板

Material Indigo 700

Material 靛蓝 700

#303F9F·Material Design 色板

Tailwind Indigo 600

Tailwind 靛蓝 600

#4F46E5·Tailwind CSS 色板

Indigo

CSS Indigo

#4B0082·CSS 标准色

配色起点

石墨蓝图

打开调色板库

午夜霓虹

打开调色板库

星云跃迁

打开调色板库

实现片段

CSS 变量
:root {
  --color-ant-design-geekblue-8: #10239E;
  --color-ant-design-geekblue-8-rgb: 16 35 158;
}
工具类写法
class="bg-[#10239E] text-white"
class="hover:bg-[#0C1972] ring-1 ring-[#10239E]"
JSON Token
{
  "antDesignGeekblue-8": "#10239E",
  "antDesignGeekblue-8Rgb": [16, 35, 158],
  "antDesignGeekblue-8Hsl": [232, 82, 34]
}

继续到工具

生成配色方案查看配色