命名颜色 · #C3B69F
Basic Khaki
Basic Khaki 即 #C3B69F：rgb(195 182 159)、hsl(38 23% 69%)、oklch(0.781 0.035 81.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Basic Khaki color name →
#C3B69F
oklch(0.781 0.035 81.9)
颜色转换
- HEX
- #c3b69f
- RGB
- rgb(195 182 159)
- HSL
- hsl(38 23% 69%)
- HWB
- hwb(38 62% 24%)
- OKLCH
- oklch(0.781 0.035 81.9)
- OKLab
- oklab(0.781 0.005 0.035)
- CIE Lab
- lab(74.69 1.97 13.51)
- LCH
- lch(74.69 13.66 81.7)
- CMYK
- cmyk(0% 7% 18% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C9BDA8
- CFC4B2
- D5CBBB
- DBD3C5
- E1DACE
- E7E1D8
- EDE9E2
- F3F0EB
- F9F8F5
深色调
- A99E8A
- 908675
- 786F61
- 60594D
- 4A443B
- 343029
- 201D18
- 0E0C09
- 020201
灰色调
- BCB09C
- B5AB99
- AEA596
- A8A093
- A19B90
- 9A958C
- 949089
- 8D8B86
- 868583
配色和谐
互补色 +180°
- C3B69F
Basic Khaki
- ACB8CF
≈ Ethereal Mist
类似色 -30° +30°
- C3B69F
Basic Khaki
- CBB2A4
≈ Rose Dust
- B8BAA1
≈ Tickled Crow
三角配色 +120° +240°
- C3B69F
Basic Khaki
- 9FBFC1
≈ Warm Breezes
- C3B1C5
≈ Really Romantic
分裂互补色 +150° +210°
- C3B69F
Basic Khaki
- A2BCCB
≈ Heavenly Blue
- B8B4CD
≈ Violet Beauty
四角配色 +90° +180° +270°
- C3B69F
Basic Khaki
- A2BFB5
≈ Prized Celadon
- ACB8CF
≈ Ethereal Mist
- CAAFBA
≈ Scented Frill
对比度与无障碍
Ag
Fail白底
WCAG 1.99:1 · APCA Lc 39
Ag
AAA黑底
WCAG 10.51:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--basic-khaki: #c3b69f;
--basic-khaki-rgb: 195 182 159;
--basic-khaki-oklch: oklch(0.781 0.035 81.9);
}
.element {
color: var(--basic-khaki);
background-color: hsl(38 23% 69%);
border-color: oklch(0.781 0.035 81.9);
}Tailwind CSS v4
@theme {
--color-basic-khaki: #c3b69f;
--color-basic-khaki-50: #faf5ea;
--color-basic-khaki-100: #ede7db;
--color-basic-khaki-200: #dbd3c4;
--color-basic-khaki-300: #c0b6a4;
--color-basic-khaki-400: #a99d88;
--color-basic-khaki-500: #92846c;
--color-basic-khaki-600: #7b705c;
--color-basic-khaki-700: #635a49;
--color-basic-khaki-800: #494135;
--color-basic-khaki-900: #322d24;
--color-basic-khaki-950: #1e1a13;
}SCSS
$basic-khaki: #c3b69f;
$basic-khaki-rgb: 195, 182, 159;
$basic-khaki-light: mix(#fff, $basic-khaki, 20%);
$basic-khaki-dark: mix(#000, $basic-khaki, 20%);
.element {
color: $basic-khaki;
box-shadow: 0 0 0 2px rgba($basic-khaki, 0.35);
}