最接近的命名颜色 · #F1F1E3
#F1F1E3
最接近的命名颜色: Cumulus
#F1F1E3（rgb(241 241 227)、hsl(60 33% 92%)、oklch(0.954 0.019 106.7)）最接近命名颜色 Cumulus。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F1F1E3
oklch(0.954 0.019 106.7)
颜色转换
- HEX
- #f1f1e3
- RGB
- rgb(241 241 227)
- HSL
- hsl(60 33% 92%)
- HWB
- hwb(60 89% 5%)
- OKLCH
- oklch(0.954 0.019 106.7)
- OKLab
- oklab(0.954 -0.005 0.018)
- CIE Lab
- lab(94.86 -1.79 6.79)
- LCH
- lch(94.86 7.02 104.8)
- CMYK
- cmyk(0% 0% 6% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- F2F2E6
- F4F4E9
- F5F5EB
- F7F7EE
- F8F8F1
- F9F9F4
- FBFBF7
- FCFCF9
- FEFEFC
深色调
- D2D2C5
- B3B3A8
- 95958C
- 797971
- 5D5D57
- 43433F
- 2B2B27
- 141412
- 030303
灰色调
- E5E5D9
- D9D9CE
- CECEC4
- C2C2BA
- B7B7B0
- ACACA6
- A0A19D
- 969693
- 8B8B89
配色和谐
互补色 +180°
- F1F1E3
Cumulus
- EFEEFC
≈ Foundation White
类似色 -30° +30°
- F1F1E3
Cumulus
- F7EFE3
≈ Rustic Cream
- EAF3E7
≈ Glacier Ivy
三角配色 +120° +240°
- F1F1E3
Cumulus
- E4F3FA
≈ Milky Way
- FAEBF2
≈ Placebo Magenta
分裂互补色 +150° +210°
- F1F1E3
Cumulus
- E8F1FD
≈ Cotton Boll
- F5ECF8
≈ Placebo Fuchsia
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.13:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.43:1 · APCA Lc 98
最佳文字颜色: #000000
WCAG 18.43:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--cumulus: #f1f1e3;
--cumulus-rgb: 241 241 227;
--cumulus-oklch: oklch(0.954 0.019 106.7);
}
.element {
color: var(--cumulus);
background-color: hsl(60 33% 92%);
border-color: oklch(0.954 0.019 106.7);
}Tailwind CSS v4
@theme {
--color-cumulus: #f1f1e3;
--color-cumulus-50: #f5f6f0;
--color-cumulus-100: #e8e8e1;
--color-cumulus-200: #d5d5cc;
--color-cumulus-300: #b8b8ae;
--color-cumulus-400: #9f9f93;
--color-cumulus-500: #878779;
--color-cumulus-600: #727267;
--color-cumulus-700: #5c5b52;
--color-cumulus-800: #43433c;
--color-cumulus-900: #2e2e29;
--color-cumulus-950: #1b1b17;
}SCSS
$cumulus: #f1f1e3;
$cumulus-rgb: 241, 241, 227;
$cumulus-light: mix(#fff, $cumulus, 20%);
$cumulus-dark: mix(#000, $cumulus, 20%);
.element {
color: $cumulus;
box-shadow: 0 0 0 2px rgba($cumulus, 0.35);
}