最接近的命名颜色 · #F1E6FE
#F1E6FE
最接近的命名颜色: Minute Mauve
#F1E6FE（rgb(241 230 254)、hsl(268 92% 95%)、oklch(0.941 0.034 306.3)）最接近命名颜色 Minute Mauve。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F1E6FE
oklch(0.941 0.034 306.3)
颜色转换
- HEX
- #f1e6fe
- RGB
- rgb(241 230 254)
- HSL
- hsl(268 92% 95%)
- HWB
- hwb(268 90% 0%)
- OKLCH
- oklch(0.941 0.034 306.3)
- OKLab
- oklab(0.941 0.02 -0.027)
- CIE Lab
- lab(92.71 7.07 -10.26)
- LCH
- lch(92.71 12.46 304.6)
- CMYK
- cmyk(5% 9% 0% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- F2E9FE
- F4EBFE
- F5EDFE
- F7F0FF
- F8F2FF
- F9F5FF
- FBF7FF
- FCFAFF
- FEFCFF
深色调
- D2C8DD
- B3ABBD
- 958E9E
- 797380
- 5D5963
- 434047
- 2B282D
- 141316
- 030303
灰色调
- E5DBF1
- D9D1E4
- CEC6D7
- C2BCCA
- B7B2BD
- ACA8B1
- A09DA4
- 969498
- 8B8A8C
配色和谐
互补色 +180°
- F1E6FE
Minute Mauve
- E5F0D8
≈ Maison Verte
类似色 -30° +30°
- F1E6FE
Minute Mauve
- E6EAFF
≈ Glitter
- FBE3F4
≈ Bunny Tail
三角配色 +120° +240°
- F1E6FE
Minute Mauve
- FCE8D4
≈ Naive Peach
- D3F3EF
≈ Diminished Sky
分裂互补色 +150° +210°
- F1E6FE
Minute Mauve
- F2ECD3
≈ Rum Swizzle
- DAF3E2
≈ Teal Treat
四角配色 +90° +180° +270°
- F1E6FE
Minute Mauve
- FFE5DD
≈ French Manicure
- E5F0D8
≈ Maison Verte
- D3F2FA
≈ Water
对比度与无障碍
Ag
Fail白底
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黑底
WCAG 17.49:1 · APCA Lc 94
最佳文字颜色: #000000
WCAG 17.49:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--minute-mauve: #f1e6fe;
--minute-mauve-rgb: 241 230 254;
--minute-mauve-oklch: oklch(0.941 0.034 306.3);
}
.element {
color: var(--minute-mauve);
background-color: hsl(268 92% 95%);
border-color: oklch(0.941 0.034 306.3);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f1e6fe;
--color-minute-mauve-50: #f8f3fd;
--color-minute-mauve-100: #ebe5f1;
--color-minute-mauve-200: #d8d1e0;
--color-minute-mauve-300: #bcb3c5;
--color-minute-mauve-400: #a39aaf;
--color-minute-mauve-500: #8c8198;
--color-minute-mauve-600: #766d81;
--color-minute-mauve-700: #5f5767;
--color-minute-mauve-800: #45404c;
--color-minute-mauve-900: #302c35;
--color-minute-mauve-950: #1c1920;
}SCSS
$minute-mauve: #f1e6fe;
$minute-mauve-rgb: 241, 230, 254;
$minute-mauve-light: mix(#fff, $minute-mauve, 20%);
$minute-mauve-dark: mix(#000, $minute-mauve, 20%);
.element {
color: $minute-mauve;
box-shadow: 0 0 0 2px rgba($minute-mauve, 0.35);
}