最接近的命名颜色 · #EABFA3
#EABFA3
最接近的命名颜色: Fabulous Fawn
#EABFA3（rgb(234 191 163)、hsl(24 63% 78%)、oklch(0.835 0.062 54.7)）最接近命名颜色 Fabulous Fawn。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EABFA3
oklch(0.835 0.062 54.7)
颜色转换
- HEX
- #eabfa3
- RGB
- rgb(234 191 163)
- HSL
- hsl(24 63% 78%)
- HWB
- hwb(24 64% 8%)
- OKLCH
- oklch(0.835 0.062 54.7)
- OKLab
- oklab(0.835 0.036 0.051)
- CIE Lab
- lab(80.67 12.97 20.28)
- LCH
- lch(80.67 24.07 57.4)
- CMYK
- cmyk(0% 18% 30% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- ECC5AC
- EFCCB5
- F1D2BE
- F3D9C8
- F5DFD1
- F7E5DA
- F9ECE3
- FBF2EC
- FDF9F6
深色调
- CBA68D
- AE8D78
- 917563
- 755E4F
- 5A483C
- 41332A
- 291F19
- 130D0A
- 030201
灰色调
- DFB9A0
- D4B29C
- C9AC99
- BFA595
- B49F92
- A9998E
- 9F938B
- 958C87
- 8A8684
配色和谐
互补色 +180°
- EABFA3
Fabulous Fawn
- A2D0EC
≈ Mediterranean Charm
类似色 -30° +30°
- EABFA3
Fabulous Fawn
- EFBAB5
≈ Pink Sachet
- DCC79B
≈ Surrey Cream
三角配色 +120° +240°
- EABFA3
Fabulous Fawn
- 9FD7C6
≈ Yucca Cream
- CBC2EE
≈ Violet Gems
分裂互补色 +150° +210°
- EABFA3
Fabulous Fawn
- 99D5DC
≈ Arctic Blue
- B5C9F3
≈ Tropical Blue
四角配色 +90° +180° +270°
- EABFA3
Fabulous Fawn
- B1D4B0
≈ Flower Stem
- A2D0EC
≈ Mediterranean Charm
- DEBCE0
≈ Romantic Morning
对比度与无障碍
Ag
Fail白底
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.47:1 · APCA Lc 73
最佳文字颜色: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--fabulous-fawn: #eabfa3;
--fabulous-fawn-rgb: 234 191 163;
--fabulous-fawn-oklch: oklch(0.835 0.062 54.7);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(24 63% 78%);
border-color: oklch(0.835 0.062 54.7);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #eabfa3;
--color-fabulous-fawn-50: #fff1e4;
--color-fabulous-fawn-100: #f9e3d4;
--color-fabulous-fawn-200: #eacebb;
--color-fabulous-fawn-300: #d1b099;
--color-fabulous-fawn-400: #bc957c;
--color-fabulous-fawn-500: #a77b5e;
--color-fabulous-fawn-600: #8d6950;
--color-fabulous-fawn-700: #715340;
--color-fabulous-fawn-800: #543c2e;
--color-fabulous-fawn-900: #3b2a1f;
--color-fabulous-fawn-950: #24170f;
}SCSS
$fabulous-fawn: #eabfa3;
$fabulous-fawn-rgb: 234, 191, 163;
$fabulous-fawn-light: mix(#fff, $fabulous-fawn, 20%);
$fabulous-fawn-dark: mix(#000, $fabulous-fawn, 20%);
.element {
color: $fabulous-fawn;
box-shadow: 0 0 0 2px rgba($fabulous-fawn, 0.35);
}