Couleur nommée la plus proche · #F8EAFF
#F8EAFF
Couleur nommée la plus proche: Minute Mauve
#F8EAFF (rgb(248 234 255), hsl(280 100% 96%), oklch(0.954 0.032 314.7)) 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.
#F8EAFF
oklch(0.954 0.032 314.7)
Conversions de couleur
- HEX
- #f8eaff
- RGB
- rgb(248 234 255)
- HSL
- hsl(280 100% 96%)
- HWB
- hwb(280 92% 0%)
- OKLCH
- oklch(0.954 0.032 314.7)
- OKLab
- oklab(0.954 0.022 -0.022)
- CIE Lab
- lab(94.28 7.65 -8.39)
- LCH
- lch(94.28 11.35 312.4)
- CMYK
- cmyk(3% 8% 0% 0%)
Teintes · Ombres · Tons
Teintes
- F9ECFF
- F9EEFF
- FAF0FF
- FBF2FF
- FCF5FF
- FCF7FF
- FDF9FF
- FEFBFF
- FEFDFF
Ombres
- D8CBDE
- B8AEBE
- 9A919E
- 7C7580
- 605A63
- 454148
- 2C292E
- 151316
- 030303
Tons
- EBDFF2
- DFD4E4
- D3C9D7
- C6BECA
- BAB4BE
- AEA9B1
- A29FA4
- 979498
- 8B8A8C
Harmonies de couleurs
Complémentaire +180°
- F8EAFF
Minute Mauve
- E7F5E0
≈ Lush Life
Analogue -30° +30°
- F8EAFF
Minute Mauve
- EEEEFF
≈ Carte Blanche
- FFE9F4
≈ Fairy Dust
Triadique +120° +240°
- F8EAFF
Minute Mauve
- FDEDD9
≈ Verve
- D9F7F6
≈ Fishious Rend
Complémentaire divisée +150° +210°
- F8EAFF
Minute Mauve
- F3F1DA
≈ Hipster
- DDF7EA
≈ Treacherous Blizzard
Tétradique +90° +180° +270°
- F8EAFF
Minute Mauve
- FFEBE3
≈ Peach Breeze
- E7F5E0
≈ Lush Life
- DCF5FF
≈ Glacial Day
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.15:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.20:1 · APCA Lc 97
Meilleure couleur de texte: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
CSS
:root {
--minute-mauve: #f8eaff;
--minute-mauve-rgb: 248 234 255;
--minute-mauve-oklch: oklch(0.954 0.032 314.7);
}
.element {
color: var(--minute-mauve);
background-color: hsl(280 100% 96%);
border-color: oklch(0.954 0.032 314.7);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f8eaff;
--color-minute-mauve-50: #f9f2fb;
--color-minute-mauve-100: #ece5ef;
--color-minute-mauve-200: #dad0dd;
--color-minute-mauve-300: #beb3c2;
--color-minute-mauve-400: #a699ac;
--color-minute-mauve-500: #8e8095;
--color-minute-mauve-600: #786d7e;
--color-minute-mauve-700: #605765;
--color-minute-mauve-800: #463f4a;
--color-minute-mauve-900: #312c34;
--color-minute-mauve-950: #1d191f;
}SCSS
$minute-mauve: #f8eaff;
$minute-mauve-rgb: 248, 234, 255;
$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);
}