Couleur nommée la plus proche · #F6E9FD
#F6E9FD
Couleur nommée la plus proche: Minute Mauve
#F6E9FD (rgb(246 233 253), hsl(279 83% 95%), oklch(0.95 0.03 314)) est la plus proche de la couleur nommée Minute Mauve. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F6E9FD
oklch(0.95 0.03 314)
Conversions de couleur
- HEX
- #f6e9fd
- RGB
- rgb(246 233 253)
- HSL
- hsl(279 83% 95%)
- HWB
- hwb(279 91% 1%)
- OKLCH
- oklch(0.95 0.03 314)
- OKLab
- oklab(0.95 0.021 -0.021)
- CIE Lab
- lab(93.83 7.18 -8.04)
- LCH
- lch(93.83 10.78 311.8)
- CMYK
- cmyk(3% 8% 0% 1%)
Teintes · Ombres · Tons
Teintes
- F7EBFD
- F8EDFD
- F9F0FE
- FAF2FE
- FBF4FE
- FBF6FE
- FCF8FE
- FDFBFF
- FEFDFF
Ombres
- D6CBDC
- B7ADBC
- 98909D
- 7B747F
- 5F5A62
- 454147
- 2C292D
- 151316
- 030303
Tons
- EADEF0
- DDD3E3
- D1C8D6
- C5BEC9
- B9B3BD
- AEA9B0
- A29EA4
- 969498
- 8B8A8C
Harmonies de couleurs
Complémentaire +180°
- F6E9FD
Minute Mauve
- E6F3DF
≈ Sea Cap
Analogue -30° +30°
- F6E9FD
Minute Mauve
- ECEDFF
≈ Carte Blanche
- FEE7F3
≈ Fairy Dust
Triadique +120° +240°
- F6E9FD
Minute Mauve
- FBECD9
≈ White Blush
- D9F5F4
≈ Fishious Rend
Complémentaire divisée +150° +210°
- F6E9FD
Minute Mauve
- F1F0D9
≈ Yellow Emulsion
- DDF5E9
≈ Treacherous Blizzard
Tétradique +90° +180° +270°
- F6E9FD
Minute Mauve
- FFE9E0
≈ Translucent Silk
- E6F3DF
≈ Sea Cap
- DAF3FE
≈ Wizard White
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.16:1 · APCA Lc 8
Ag
AAASur noir
WCAG 17.99:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--minute-mauve: #f6e9fd;
--minute-mauve-rgb: 246 233 253;
--minute-mauve-oklch: oklch(0.95 0.03 314);
}
.element {
color: var(--minute-mauve);
background-color: hsl(279 83% 95%);
border-color: oklch(0.95 0.03 314);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f6e9fd;
--color-minute-mauve-50: #f9f3fb;
--color-minute-mauve-100: #ece5ef;
--color-minute-mauve-200: #d9d1dd;
--color-minute-mauve-300: #beb3c2;
--color-minute-mauve-400: #a599ab;
--color-minute-mauve-500: #8e8194;
--color-minute-mauve-600: #786d7d;
--color-minute-mauve-700: #605764;
--color-minute-mauve-800: #46404a;
--color-minute-mauve-900: #302c33;
--color-minute-mauve-950: #1d191f;
}SCSS
$minute-mauve: #f6e9fd;
$minute-mauve-rgb: 246, 233, 253;
$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);
}