Cor nomeada · #BF91B2
Mauve Magic
Mauve Magic é #BF91B2: rgb(191 145 178), hsl(317 26% 66%), oklch(0.71 0.071 336.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Mauve Magic color name →
#BF91B2
oklch(0.71 0.071 336.9)
Conversões de cor
- HEX
- #bf91b2
- RGB
- rgb(191 145 178)
- HSL
- hsl(317 26% 66%)
- HWB
- hwb(317 57% 25%)
- OKLCH
- oklch(0.71 0.071 336.9)
- OKLab
- oklab(0.71 0.065 -0.028)
- CIE Lab
- lab(65.43 21.9 -10.26)
- LCH
- lch(65.43 24.18 334.9)
- CMYK
- cmyk(0% 24% 7% 25%)
Tons claros · Sombras · Tons
Tons claros
- C69CBA
- CCA6C1
- D3B1C9
- D9BCD0
- DFC7D8
- E6D2E0
- ECDDE8
- F3E8EF
- F9F4F7
Sombras
- A67D9A
- 8D6A83
- 75586D
- 5E4657
- 483543
- 33252F
- 1F151D
- 0D070C
- 020101
Tons
- B98FAD
- B28EA8
- AC8CA3
- A68B9E
- A08999
- 998794
- 93858F
- 8D848A
- 868285
Harmonias de cor
Complementar +180°
- BF91B2
Mauve Magic
- 7DAF90
≈ Zephyr Green
Análoga -30° +30°
- BF91B2
Mauve Magic
- AD96C5
≈ Ode to Purple
- C98F9A
≈ Beetroot Rice
Tríade +120° +240°
- BF91B2
Mauve Magic
- AEA26F
≈ Autumn Sage
- 6CADBF
≈ Water Music
Complementar dividida +150° +210°
- BF91B2
Mauve Magic
- 96AA7A
≈ Forest Shade
- 6BB0A9
≈ Turquoise Fantasies
Tétrade +90° +180° +270°
- BF91B2
Mauve Magic
- C09972
≈ Lanyard
- 7DAF90
≈ Zephyr Green
- 7EA6CC
≈ Madam Butterfly
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.90:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--mauve-magic: #bf91b2;
--mauve-magic-rgb: 191 145 178;
--mauve-magic-oklch: oklch(0.71 0.071 336.9);
}
.element {
color: var(--mauve-magic);
background-color: hsl(317 26% 66%);
border-color: oklch(0.71 0.071 336.9);
}Tailwind CSS v4
@theme {
--color-mauve-magic: #bf91b2;
--color-mauve-magic-50: #ffeefc;
--color-mauve-magic-100: #f9dff0;
--color-mauve-magic-200: #eac9de;
--color-mauve-magic-300: #d1aac4;
--color-mauve-magic-400: #ba8fae;
--color-mauve-magic-500: #a57497;
--color-mauve-magic-600: #8b6280;
--color-mauve-magic-700: #704f67;
--color-mauve-magic-800: #52394c;
--color-mauve-magic-900: #392735;
--color-mauve-magic-950: #231520;
}SCSS
$mauve-magic: #bf91b2;
$mauve-magic-rgb: 191, 145, 178;
$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);
}