Couleur nommée la plus proche · #BA8DAD
#BA8DAD
Couleur nommée la plus proche: Mauve Magic
#BA8DAD (rgb(186 141 173), hsl(317 25% 64%), oklch(0.696 0.069 337.2)) est la plus proche de la couleur nommée Mauve Magic. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BA8DAD
oklch(0.696 0.069 337.2)
Conversions de couleur
- HEX
- #ba8dad
- RGB
- rgb(186 141 173)
- HSL
- hsl(317 25% 64%)
- HWB
- hwb(317 55% 27%)
- OKLCH
- oklch(0.696 0.069 337.2)
- OKLab
- oklab(0.696 0.064 -0.027)
- CIE Lab
- lab(63.8 21.49 -9.94)
- LCH
- lch(63.8 23.68 335.2)
- CMYK
- cmyk(0% 24% 7% 27%)
Teintes · Ombres · Tons
Teintes
- C198B5
- C8A3BD
- CFAEC5
- D6BACD
- DDC5D5
- E4D0DE
- EBDCE6
- F1E8EE
- F8F3F7
Ombres
- A17A96
- 89677F
- 72556A
- 5C4455
- 463341
- 32232D
- 1E141B
- 0D070B
- 020101
Tons
- B48CA8
- AE8BA4
- A9899F
- A3889B
- 9D8796
- 978692
- 92848D
- 8C8389
- 868184
Harmonies de couleurs
Complémentaire +180°
- BA8DAD
Mauve Magic
- 79AB8C
≈ Melon Green
Analogue -30° +30°
- BA8DAD
Mauve Magic
- A992BF
≈ Enchanted Lilac
- C48C96
≈ Solid Pink
Triadique +120° +240°
- BA8DAD
Mauve Magic
- A99E6B
≈ Whispering Grasslands
- 69A8BA
≈ Blue Chiffon
Complémentaire divisée +150° +210°
- BA8DAD
Mauve Magic
- 91A677
≈ Luscious Lime
- 68ACA4
≈ Turquoise Fantasies
Tétradique +90° +180° +270°
- BA8DAD
Mauve Magic
- BB956F
≈ Painted Pony
- 79AB8C
≈ Melon Green
- 7AA2C7
≈ Shipmate
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.50:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--mauve-magic: #ba8dad;
--mauve-magic-rgb: 186 141 173;
--mauve-magic-oklch: oklch(0.696 0.069 337.2);
}
.element {
color: var(--mauve-magic);
background-color: hsl(317 25% 64%);
border-color: oklch(0.696 0.069 337.2);
}Tailwind CSS v4
@theme {
--color-mauve-magic: #ba8dad;
--color-mauve-magic-50: #ffeefc;
--color-mauve-magic-100: #f9dff0;
--color-mauve-magic-200: #e9c9de;
--color-mauve-magic-300: #d0aac3;
--color-mauve-magic-400: #ba8fad;
--color-mauve-magic-500: #a47497;
--color-mauve-magic-600: #8b6380;
--color-mauve-magic-700: #6f4f66;
--color-mauve-magic-800: #52394c;
--color-mauve-magic-900: #392735;
--color-mauve-magic-950: #231520;
}SCSS
$mauve-magic: #ba8dad;
$mauve-magic-rgb: 186, 141, 173;
$mauve-magic-light: mix(#fff, $mauve-magic, 20%);
$mauve-magic-dark: mix(#000, $mauve-magic, 20%);
.element {
color: $mauve-magic;
box-shadow: 0 0 0 2px rgba($mauve-magic, 0.35);
}