HEX
#B0C4DE主色 TokenLight Steel Blue 是一个偏灰的 CSS 命名蓝色，色值为 #B0C4DE，兼具蓝色秩序感和明显的灰度。它适合用于数据表格、次级面板、设置页和企业型表面，让界面有结构但不过分冰冷。
最佳文字颜色深色文字
正文对比度9.63:1
最佳用途次级面板、数据表格与平静的企业型表面
色阶
100#F1F4F9
300#DBE4F0
500#BECFE4
600#B0C4DE
800#7F8DA0
对比度检查
白色文字放在该颜色上
按钮、标签、填充型操作。
1.78:1需拉开明度差
深色文字放在该颜色上
大标题和局部模块。
9.63:1AAA 级对比
该颜色用在浅色表面上
浅底上的链接、边框和图标。
1.69:1需拉开明度差
最佳文字颜色深色文字对比度 9.63:1
专业参考
OKLCHoklch(81.4% 0.043 255)
相对亮度0.5398
来源类型CSS 命名色
颜色分类
蓝色系冷调浅色调中饱和
来源上下文
来源类型
CSS 命名色
系统
CSS
最接近颜色
Material Indigo 100Tailwind Blue 200Material Blue 100
可访问性矩阵
白色文字放在该颜色上
纯白文字放在当前颜色底上。
1.78:1需拉开明度差
深色文字放在该颜色上
深色正文或标题放在当前颜色底上。
9.63:1AAA
该颜色用在浅色表面上
当前颜色用于浅色界面的链接、描边或图标。
1.69:1需拉开明度差
该颜色用在深色表面上
当前颜色用于深色壳层里的描边、标签或图标。
9.63:1AAA
最佳文字颜色深色文字对比度 9.63:1 · AAA
适用场景
- 适合次级面板、表格和企业型表面。
- 是蓝灰支持色，不适合主 CTA。
- 可搭配白色、石板灰文字和 Steel Blue 或 Navy 锚点。
参考说明
最后更新
2026-06-09
来源色库
CSS 标准色
整理方式
已核验来源色值 + 站内说明
颜色说明
CSS Light Steel Blue 收录自公开发布的 CSS 标准色，保留为可检索的参考色值，可直接用于产品、界面与品牌配色工作。
色相家族
稳定、专业、适合企业与产品系统的蓝色。
来源体系
CSS 命名色
相关颜色
配色起点
实现片段
:root {
--color-light-steel-blue: #B0C4DE;
--color-light-steel-blue-rgb: 176 196 222;
}class="bg-[#B0C4DE] text-white"
class="hover:bg-[#7F8DA0] ring-1 ring-[#B0C4DE]"{
"lightSteelBlue": "#B0C4DE",
"lightSteelBlueRgb": [176, 196, 222],
"lightSteelBlueHsl": [214, 41, 78]
}