命名颜色 · #FBE4AF

Khaki Core

Khaki Core 即 #FBE4AF：rgb(251 228 175)、hsl(42 90% 84%)、oklch(0.925 0.073 87.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Khaki Core color name →

#FBE4AF

oklch(0.925 0.073 87.3)

颜色转换

HEX: #fbe4af
RGB: rgb(251 228 175)
HSL: hsl(42 90% 84%)
HWB: hwb(42 69% 2%)
OKLCH: oklch(0.925 0.073 87.3)
OKLab: oklab(0.925 0.003 0.073)
CIE Lab: lab(91.54 2.49 28.98)
LCH: lch(91.54 29.08 85.1)
CMYK: cmyk(0% 9% 30% 2%)

浅色调 · 深色调 · 灰色调

浅色调

FBE7B7
FCEABF
FCECC8
FDEFD0
FDF2D8
FDF4E0
FEF7E7
FEFAEF
FFFCF7

深色调

DAC698
BAA981
9C8D6B
7E7256
615841
463F2E
2D281C
15120B
030301

灰色调

EEDAAB
E1CFA6
D5C5A1
C8BB9D
BCB198
AFA793
A39D8F
97938A
8C8A85

配色和谐

互补色 +180°

FBE4AF
Khaki Core
DCE6FF
≈ Lavender Mist

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.24:1 · APCA Lc 12

Fail

黑底

WCAG 16.81:1 · APCA Lc 92

AAA

最佳文字颜色: #000000

WCAG 16.81:1 (AAA) · APCA Lc 92

Contrast pairs

代码片段

CSS

:root {
  --khaki-core: #fbe4af;
  --khaki-core-rgb: 251 228 175;
  --khaki-core-oklch: oklch(0.925 0.073 87.3);
}

.element {
  color: var(--khaki-core);
  background-color: hsl(42 90% 84%);
  border-color: oklch(0.925 0.073 87.3);
}

Tailwind CSS v4

@theme {
  --color-khaki-core: #fbe4af;
  --color-khaki-core-50: #fdf5de;
  --color-khaki-core-100: #f1e7cd;
  --color-khaki-core-200: #e1d3b2;
  --color-khaki-core-300: #c6b68d;
  --color-khaki-core-400: #b19c6c;
  --color-khaki-core-500: #9b834b;
  --color-khaki-core-600: #836f41;
  --color-khaki-core-700: #695933;
  --color-khaki-core-800: #4e4124;
  --color-khaki-core-900: #362c18;
  --color-khaki-core-950: #211909;
}

SCSS

$khaki-core: #fbe4af;
$khaki-core-rgb: 251, 228, 175;
$khaki-core-light: mix(#fff, $khaki-core, 20%);
$khaki-core-dark: mix(#000, $khaki-core, 20%);

.element {
  color: $khaki-core;
  box-shadow: 0 0 0 2px rgba($khaki-core, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API