Color con nombre más cercano · #F1E6FE
#F1E6FE
Color con nombre más cercano: Minute Mauve
#F1E6FE (rgb(241 230 254), hsl(268 92% 95%), oklch(0.941 0.034 306.3)) se parece más al color con nombre Minute Mauve. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F1E6FE
oklch(0.941 0.034 306.3)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F2E9FE
- F4EBFE
- F5EDFE
- F7F0FF
- F8F2FF
- F9F5FF
- FBF7FF
- FCFAFF
- FEFCFF
Sombras
- D2C8DD
- B3ABBD
- 958E9E
- 797380
- 5D5963
- 434047
- 2B282D
- 141316
- 030303
Tonos
- E5DBF1
- D9D1E4
- CEC6D7
- C2BCCA
- B7B2BD
- ACA8B1
- A09DA4
- 969498
- 8B8A8C
Armonías de color
Complementario +180°
- F1E6FE
Minute Mauve
- E5F0D8
≈ Maison Verte
Análogo -30° +30°
- F1E6FE
Minute Mauve
- E6EAFF
≈ Glitter
- FBE3F4
≈ Bunny Tail
Triádico +120° +240°
- F1E6FE
Minute Mauve
- FCE8D4
≈ Naive Peach
- D3F3EF
≈ Diminished Sky
Complementario dividido +150° +210°
- F1E6FE
Minute Mauve
- F2ECD3
≈ Rum Swizzle
- DAF3E2
≈ Teal Treat
Tetrádico +90° +180° +270°
- F1E6FE
Minute Mauve
- FFE5DD
≈ French Manicure
- E5F0D8
≈ Maison Verte
- D3F2FA
≈ Water
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.49:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.49:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
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);
}