HEX
#2E8B57主色 TokenSea Green 就是 CSS 命名色 `#2E8B57`。如果您搜索的是 `sea green hex code`、`#2E8B57` 或 `SeaGreen`，这里就是对应的精确命名色条目。它介于绿色和 teal 之间，比 Light Sea Green 更稳，因此适合状态 UI、按钮、仪表盘和希望保持清新但不过度霓虹化的产品表面。
最佳文字颜色白色文字
正文对比度4.25:1
最佳用途CSS 命名色精确查询、状态 UI 与平衡的 `#2E8B57` 产品点缀
色阶
100#D9EAE1
300#9FCAB2
500#54A075
600#2E8B57
800#21643F
对比度检查
白色文字放在该颜色上
按钮、标签、填充型操作。
4.25:1适合大字 / UI 组件
深色文字放在该颜色上
大标题和局部模块。
4.04:1适合大字 / UI 组件
该颜色用在浅色表面上
浅底上的链接、边框和图标。
4.03:1适合大字 / UI 组件
最佳文字颜色白色文字对比度 4.25:1
专业参考
OKLCHoklch(56.9% 0.119 155)
相对亮度0.1973
来源类型CSS 命名色
颜色分类
青色系冷调中间调中饱和
来源上下文
来源类型
CSS 命名色
系统
CSS
别名
#2E8B572E8B57SeaGreen
最接近颜色
Tailwind Emerald 600Tailwind Green 700Tailwind Emerald 700
颜色说明
- Sea Green 对应的精确 CSS 命名色值就是 `#2E8B57`。
- 它比 Light Sea Green 更有分量，也比多数偏 mint 或 aqua 的绿色更深。
- 很多用户在先搜色值时，会把它与 Light Sea Green 或 Dark Sea Green 一起比较。
可访问性矩阵
白色文字放在该颜色上
纯白文字放在当前颜色底上。
4.25:1适合大字 / UI 组件
深色文字放在该颜色上
深色正文或标题放在当前颜色底上。
4.04:1适合大字 / UI 组件
该颜色用在浅色表面上
当前颜色用于浅色界面的链接、描边或图标。
4.03:1适合大字 / UI 组件
该颜色用在深色表面上
当前颜色用于深色壳层里的描边、标签或图标。
4.04:1适合大字 / UI 组件
最佳文字颜色白色文字对比度 4.25:1 · 适合大字 / UI 组件
适用场景
- 适合状态指示、产品点缀和偏产品化的绿青界面角色。
- 当您需要一个 value-first 的准确答案或实现参考时，应把它视为精确的 CSS 命名色 `#2E8B57`。
- 如果色相方向对了但分量不对，优先与 Light Sea Green 或 Dark Sea Green 比较。
参考说明
最后更新
2026-06-25
来源色库
CSS 标准色
整理方式
已核验来源色值 + 站内说明
颜色说明
CSS Sea Green 收录自公开发布的 CSS 标准色，保留为可检索的参考色值，可直接用于产品与界面参考工作。
色相家族
适合科技产品与现代界面的青色和蓝绿色。
来源体系
CSS 命名色
相关颜色
配色起点
实现片段
:root {
--color-sea-green: #2E8B57;
--color-sea-green-rgb: 46 139 87;
}class="bg-[#2E8B57] text-white"
class="hover:bg-[#21643F] ring-1 ring-[#2E8B57]"{
"seaGreen": "#2E8B57",
"seaGreenRgb": [46, 139, 87],
"seaGreenHsl": [146, 50, 36]
}