HEX
#E0FFFF主色 TokenLight Cyan 是一个极浅的 CSS 命名青色，色值为 #E0FFFF，比 Alice Blue 更清冷、更接近青色。它适合用于仪表盘、医疗界面、引导页和信息分区，在保持非常轻盈的同时避免落回纯白。
最佳文字颜色深色文字
正文对比度16.27:1
最佳用途干净表面、通透分区与超浅冷调背景
色阶
100#F9FFFF
300#F1FFFF
500#E6FFFF
600#E0FFFF
800#A1B8B8
对比度检查
白色文字放在该颜色上
按钮、标签、填充型操作。
1.05:1需拉开明度差
深色文字放在该颜色上
大标题和局部模块。
16.27:1AAA 级对比
该颜色用在浅色表面上
浅底上的链接、边框和图标。
1.00:1需拉开明度差
最佳文字颜色深色文字对比度 16.27:1
专业参考
OKLCHoklch(97.8% 0.032 197)
相对亮度0.9459
来源类型CSS 命名色
颜色分类
青色系冷调浅色调高饱和
来源上下文
来源类型
CSS 命名色
系统
CSS
最接近颜色
Ant Design Cyan 1Material Cyan 50Tailwind Cyan 50
可访问性矩阵
白色文字放在该颜色上
纯白文字放在当前颜色底上。
1.05:1需拉开明度差
深色文字放在该颜色上
深色正文或标题放在当前颜色底上。
16.27:1AAA
该颜色用在浅色表面上
当前颜色用于浅色界面的链接、描边或图标。
1.00:1需拉开明度差
该颜色用在深色表面上
当前颜色用于深色壳层里的描边、标签或图标。
16.27:1AAA
最佳文字颜色深色文字对比度 16.27:1 · AAA
适用场景
- 适合背景层、医疗界面和通透的信息分区。
- 是超浅冷调表面，不适合作为功能强调色。
- 可搭配石板灰文字、Pale Turquoise 和更深的蓝绿色锚点。
参考说明
最后更新
2026-06-09
来源色库
CSS 标准色
整理方式
已核验来源色值 + 站内说明
颜色说明
CSS Light Cyan 收录自公开发布的 CSS 标准色，保留为可检索的参考色值，可直接用于产品、界面与品牌配色工作。
色相家族
适合科技产品与现代界面的青色和蓝绿色。
来源体系
CSS 命名色
相关颜色
配色起点
实现片段
:root {
--color-light-cyan: #E0FFFF;
--color-light-cyan-rgb: 224 255 255;
}class="bg-[#E0FFFF] text-white"
class="hover:bg-[#A1B8B8] ring-1 ring-[#E0FFFF]"{
"lightCyan": "#E0FFFF",
"lightCyanRgb": [224, 255, 255],
"lightCyanHsl": [180, 100, 94]
}