CSS 命名色参考

Khaki 颜色代码

CSS Khaki·#F0E68C

黄色系暖调中间调高饱和oklch(91.3% 0.112 103)
HEX
#F0E68C主色 Token
RGB
rgb(240, 230, 140)屏幕色值
HSL
hsl(54 77% 75%)色相与明度
CMYK
0, 4, 42, 6印刷参考
LAB
90, -9, 45感知坐标
OKLCH
oklch(91.3% 0.112 103)现代感知空间
打开转换器打开色值查询

CSS Khaki 是一个中明度、高饱和的CSS 命名色，对应色值为 #F0E68C。如果您搜索的是 Khaki hex code、F0E68C 或 Khaki RGB，这个页面可以直接提供精确色值、格式转换、对比度检查、相近颜色和查询/转换工具入口。

最佳文字颜色深色文字
正文对比度13.40:1
最佳用途注意力标记、重点高亮、暖色背景与提醒型状态

色阶

100#FCFBEA
300#F8F4CA
500#F3EBA1
600#F0E68C
800#ADA665

对比度检查

白色文字放在该颜色上

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

1.28:1需拉开明度差

深色文字放在该颜色上

大标题和局部模块。

13.40:1AAA 级对比

该颜色用在浅色表面上

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

1.22:1需拉开明度差
最佳文字颜色深色文字对比度 13.40:1

专业参考

OKLCHoklch(91.3% 0.112 103)
相对亮度0.7701
来源类型CSS 命名色
颜色分类
黄色系暖调中间调高饱和
来源上下文
来源类型
CSS 命名色
系统
CSS
最接近颜色
Material Yellow 200Tailwind Amber 200Ant Design Gold 3
颜色说明
  • CSS Khaki 在这里作为 #F0E68C 的精确CSS 命名色保留。
  • 搜索 Khaki color code、F0E68C 或 Khaki RGB 的用户，通常需要先确认数值，再判断对比度和实现语境。

可访问性矩阵

白色文字放在该颜色上

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

1.28:1需拉开明度差

深色文字放在该颜色上

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

13.40:1AAA

该颜色用在浅色表面上

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

1.22:1需拉开明度差

该颜色用在深色表面上

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

13.40:1AAA
最佳文字颜色深色文字对比度 13.40:1 · AAA

适用场景

  • 适合重点高亮、提醒型标签、暖色背景和注意力标记。
  • 大多数黄色界面文字都更适合使用深色字。
  • 可搭配炭黑、深橄榄、暖中性和克制的橙色强调。

参考说明

最后更新
2026-09-03
来源色库
CSS 标准色
整理方式
已核验来源色值 + 站内说明
颜色说明

CSS Khaki 收录自公开发布的 CSS 标准色，保留为可检索的参考色值，可直接用于产品与界面参考工作。

色相家族

传递活力、温度和注目性的亮黄与金黄。

来源体系
CSS 命名色

相关颜色

Beige

CSS Beige

#F5F5DC·CSS 标准色

Goldenrod

CSS Goldenrod

#DAA520·CSS 标准色

Gold

CSS Gold

#FFD700·CSS 标准色

Yellow

CSS Yellow

#FFFF00·CSS 标准色

Palegoldenrod

CSS Palegoldenrod

#EEE8AA·CSS 标准色

配色起点

电荷冰柠

打开调色板库

琥珀剧场

打开调色板库

金箔相框

打开调色板库

实现片段

CSS 变量
:root {
  --color-khaki: #F0E68C;
  --color-khaki-rgb: 240 230 140;
}
工具类写法
class="bg-[#F0E68C] text-white"
class="hover:bg-[#ADA665] ring-1 ring-[#F0E68C]"
JSON Token
{
  "khaki": "#F0E68C",
  "khakiRgb": [240, 230, 140],
  "khakiHsl": [54, 77, 75]
}

继续到工具

打开转换器打开色值查询查看配色