最接近的命名颜色 · #FAF4EC
#FAF4EC
最接近的命名颜色: Fatback
#FAF4EC（rgb(250 244 236)、hsl(34 58% 95%)、oklch(0.97 0.012 75.4)）最接近命名颜色 Fatback。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FAF4EC
oklch(0.97 0.012 75.4)
颜色转换
- HEX
- #faf4ec
- RGB
- rgb(250 244 236)
- HSL
- hsl(34 58% 95%)
- HWB
- hwb(34 93% 2%)
- OKLCH
- oklch(0.97 0.012 75.4)
- OKLab
- oklab(0.97 0.003 0.012)
- CIE Lab
- lab(96.5 1.06 4.61)
- LCH
- lch(96.5 4.73 77)
- CMYK
- cmyk(0% 2% 6% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBF5EE
- FBF6F0
- FCF7F2
- FCF8F4
- FDF9F5
- FDFBF7
- FEFCF9
- FEFDFB
- FFFEFD
深色调
- D9D4CD
- BAB5AF
- 9B9792
- 7D7A76
- 615E5B
- 464442
- 2D2B29
- 151413
- 030303
灰色调
- EDE8E1
- E0DCD5
- D4D0CA
- C7C4BF
- BBB8B5
- AFADAA
- A3A19F
- 979695
- 8B8B8A
配色和谐
互补色 +180°
- FAF4EC
Fatback
- F0F6FE
≈ Cotton Ball
类似色 -30° +30°
- FAF4EC
Fatback
- FDF3EE
≈ Soft Peach Mist
- F6F6EC
≈ Praxeti White
三角配色 +120° +240°
- FAF4EC
Fatback
- ECF8F8
≈ Aijiro White
- F8F3FB
≈ Sugar Crystal
分裂互补色 +150° +210°
- FAF4EC
Fatback
- EDF7FB
≈ Silent Snowfall
- F4F4FD
≈ White Solid
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.09:1 · APCA Lc 0
Ag
AAA黑底
WCAG 19.21:1 · APCA Lc 101
最佳文字颜色: #000000
WCAG 19.21:1 (AAA) · APCA Lc 101
Contrast pairs
代码片段
CSS
:root {
--fatback: #faf4ec;
--fatback-rgb: 250 244 236;
--fatback-oklch: oklch(0.97 0.012 75.4);
}
.element {
color: var(--fatback);
background-color: hsl(34 58% 95%);
border-color: oklch(0.97 0.012 75.4);
}Tailwind CSS v4
@theme {
--color-fatback: #faf4ec;
--color-fatback-50: #f7f5f1;
--color-fatback-100: #eae7e3;
--color-fatback-200: #d7d4ce;
--color-fatback-300: #bbb7b0;
--color-fatback-400: #a39e96;
--color-fatback-500: #8b857d;
--color-fatback-600: #76716a;
--color-fatback-700: #5e5a55;
--color-fatback-800: #45423e;
--color-fatback-900: #302d2a;
--color-fatback-950: #1c1a18;
}SCSS
$fatback: #faf4ec;
$fatback-rgb: 250, 244, 236;
$fatback-light: mix(#fff, $fatback, 20%);
$fatback-dark: mix(#000, $fatback, 20%);
.element {
color: $fatback;
box-shadow: 0 0 0 2px rgba($fatback, 0.35);
}