Código de color y paleta
Tonos de Morado
El morado abarca la lavanda delicada, el violeta saturado y el ciruela oscuro. Según su saturación puede resultar imaginativo, premium o poco convencional, y funciona especialmente bien con superficies neutras sobrias.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Lavender Blush | #FAF5FF | 250, 245, 255 | 270, 100%, 98% | ||
| Lavender Light | #F3E8FF | 243, 232, 255 | 269, 100%, 95% | ||
| Lavender | #E9D5FF | 233, 213, 255 | 269, 100%, 92% | ||
| Wisteria | #D8B4FE | 216, 180, 254 | 269, 97%, 85% | ||
| Orchid | #C084FC | 192, 132, 252 | 270, 95%, 75% | ||
| Purple | #A855F7 | 168, 85, 247 | 271, 91%, 65% | ||
| Violet | #9333EA | 147, 51, 234 | 271, 81%, 56% | ||
| Amethyst | #7E22CE | 126, 34, 206 | 272, 72%, 47% | ||
| Grape | #6B21A8 | 107, 33, 168 | 273, 67%, 39% | ||
| Plum | #581C87 | 88, 28, 135 | 274, 66%, 32% | ||
| Fuchsia Light | #FDF4FF | 253, 244, 255 | 289, 100%, 98% | ||
| Fuchsia Pale | #FAE8FF | 250, 232, 255 | 287, 100%, 95% | ||
| Fuchsia | #F5D0FE | 245, 208, 254 | 288, 96%, 91% | ||
| Pink Magenta | #F0ABFC | 240, 171, 252 | 291, 93%, 83% | ||
| Magenta | #E879F9 | 232, 121, 249 | 292, 91%, 73% | ||
| Hot Pink | #D946EF | 217, 70, 239 | 292, 84%, 61% | ||
| Deep Magenta | #C026D3 | 192, 38, 211 | 293, 69%, 49% | ||
| Purple Red | #A21CAF | 162, 28, 175 | 295, 72%, 40% | ||
| Berry | #86198F | 134, 25, 143 | 295, 70%, 33% | ||
| Dark Purple | #701A75 | 112, 26, 117 | 297, 64%, 28% |
Palabra clave CSS: purple
En CSS puedes escribirlo con la palabra clave purple.
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Morado
Branding creativo y premium
Destacados de funciones y degradados
Productos de belleza, cultura y entretenimiento
Colores que combinan con Morado
Armonías de la rueda de color creadas a partir de #A855F7. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.