Nearest named color · #F1E6FE
#F1E6FE
Nearest named color: Minute Mauve
#F1E6FE (rgb(241 230 254), hsl(268 92% 95%), oklch(0.941 0.034 306.3)) is closest to the named color Minute Mauve. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F1E6FE
oklch(0.941 0.034 306.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- F2E9FE
- F4EBFE
- F5EDFE
- F7F0FF
- F8F2FF
- F9F5FF
- FBF7FF
- FCFAFF
- FEFCFF
Shades
- D2C8DD
- B3ABBD
- 958E9E
- 797380
- 5D5963
- 434047
- 2B282D
- 141316
- 030303
Tones
- E5DBF1
- D9D1E4
- CEC6D7
- C2BCCA
- B7B2BD
- ACA8B1
- A09DA4
- 969498
- 8B8A8C
Color harmonies
Complementary +180°
- F1E6FE
Minute Mauve
- E5F0D8
≈ Maison Verte
Analogous -30° +30°
- F1E6FE
Minute Mauve
- E6EAFF
≈ Glitter
- FBE3F4
≈ Bunny Tail
Triadic +120° +240°
- F1E6FE
Minute Mauve
- FCE8D4
≈ Naive Peach
- D3F3EF
≈ Diminished Sky
Split-complementary +150° +210°
- F1E6FE
Minute Mauve
- F2ECD3
≈ Rum Swizzle
- DAF3E2
≈ Teal Treat
Tetradic +90° +180° +270°
- F1E6FE
Minute Mauve
- FFE5DD
≈ French Manicure
- E5F0D8
≈ Maison Verte
- D3F2FA
≈ Water
Contrast & accessibility
Ag
FailOn white
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.49:1 · APCA Lc 94
Best text color: #000000
WCAG 17.49:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
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);
}