最接近的命名颜色 · #E2D1A9
#E2D1A9
最接近的命名颜色: Anise Biscotti
#E2D1A9（rgb(226 209 169)、hsl(42 50% 77%)、oklch(0.865 0.056 87.7)）最接近命名颜色 Anise Biscotti。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E2D1A9
oklch(0.865 0.056 87.7)
颜色转换
- HEX
- #e2d1a9
- RGB
- rgb(226 209 169)
- HSL
- hsl(42 50% 77%)
- HWB
- hwb(42 66% 11%)
- OKLCH
- oklch(0.865 0.056 87.7)
- OKLab
- oklab(0.865 0.002 0.056)
- CIE Lab
- lab(84.5 1.57 22.18)
- LCH
- lch(84.5 22.23 85.9)
- CMYK
- cmyk(0% 8% 25% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E5D6B2
- E8DABA
- EBDFC3
- EEE3CB
- F0E8D4
- F3EDDD
- F6F1E5
- F9F6EE
- FCFAF6
深色调
- C4B592
- A89B7C
- 8C8167
- 716853
- 57503F
- 3E392C
- 27231B
- 12100A
- 030201
灰色调
- D8C9A5
- CEC0A1
- C4B89D
- BAB099
- B0A895
- A6A091
- 9C988D
- 939088
- 898884
配色和谐
互补色 +180°
- E2D1A9
Anise Biscotti
- C2D2F8
≈ Frozen Periwinkle
类似色 -30° +30°
- E2D1A9
Anise Biscotti
- F0CAAF
≈ Pastel Peach
- CFD8AF
≈ Avocado Whip
三角配色 +120° +240°
- E2D1A9
Anise Biscotti
- A8DDE6
≈ Geyser Pool
- E7C6E6
≈ Prom Corsage
分裂互补色 +150° +210°
- E2D1A9
Anise Biscotti
- B1D9F3
≈ Blue Rice
- D6CBF3
≈ Soap
四角配色 +90° +180° +270°
- E2D1A9
Anise Biscotti
- ACDFD2
≈ Jaded Clouds
- C2D2F8
≈ Frozen Periwinkle
- F2C4D2
≈ In the Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.92:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--anise-biscotti: #e2d1a9;
--anise-biscotti-rgb: 226 209 169;
--anise-biscotti-oklch: oklch(0.865 0.056 87.7);
}
.element {
color: var(--anise-biscotti);
background-color: hsl(42 50% 77%);
border-color: oklch(0.865 0.056 87.7);
}Tailwind CSS v4
@theme {
--color-anise-biscotti: #e2d1a9;
--color-anise-biscotti-50: #fbf5e3;
--color-anise-biscotti-100: #efe7d3;
--color-anise-biscotti-200: #ded4ba;
--color-anise-biscotti-300: #c3b797;
--color-anise-biscotti-400: #ac9d79;
--color-anise-biscotti-500: #96845b;
--color-anise-biscotti-600: #7f704d;
--color-anise-biscotti-700: #655a3d;
--color-anise-biscotti-800: #4b412c;
--color-anise-biscotti-900: #342d1d;
--color-anise-biscotti-950: #201a0d;
}SCSS
$anise-biscotti: #e2d1a9;
$anise-biscotti-rgb: 226, 209, 169;
$anise-biscotti-light: mix(#fff, $anise-biscotti, 20%);
$anise-biscotti-dark: mix(#000, $anise-biscotti, 20%);
.element {
color: $anise-biscotti;
box-shadow: 0 0 0 2px rgba($anise-biscotti, 0.35);
}