#a305ea ≈ Vivid Violet
#a305ea è un colore della famiglia «magenta», con luminosità media e saturazione vivace. Nel modello RGB è composto da 63,92% di rosso, 1,96% di verde e 91,76% di blu; in stampa CMYK usa 30,34% di ciano, 97,86% di magenta, 0% di giallo e 8,24% di nero. Il suo angolo di tinta è 281,4°, con 95,82% di saturazione e 46,86% di luminosità in HSL. È un colore freddo, spesso associato a creatività, audacia e individualità. I designer lo usano spesso per bellezza e cosmetica, studi creativi e pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,57:1 (WCAG AA). Il colore con nome più vicino è Vivid Violet (#9f00ff), ΔE 2,65.
Descrizione generata dalle proprietà misurate di questo colore.
| HEX | |
|---|---|
| RGB | |
| RGB percentuale | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web-safe | #9900ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binario | |
| Decimale | |
| Luminanza relativa | 0.1384 |
Ombre
#a305ea miscelato progressivamente con il nero.
Tinte
#a305ea miscelato progressivamente con il bianco.
Toni
#a305ea miscelato progressivamente con il grigio.
Testo in questo colore
Sfondo in questo colore
Bordo in questo colore
.text-a305ea {
color: #a305ea;
}
.bg-a305ea {
background-color: #a305ea;
color: #ffffff;
}
.border-a305ea {
border: 2px solid #a305ea;
}
:root {
--color-primary: #a305ea;
--color-primary-rgb: 163 5 234;
--color-primary-hsl: 281 96% 47%;
}
.gradient-a305ea {
background: linear-gradient(135deg, #a305ea, #ea05be);
}
.shadow-a305ea {
box-shadow: 0 8px 24px rgb(163 5 234 / 0.35);
}
Vivid Violet
#a305ea rgb(163, 5, 234) hsl(281, 96%, 47%) Vivid Violet
#4cea05 rgb(76, 234, 5) hsl(101, 96%, 47%) Harlequin
#eaa305 rgb(234, 163, 5) hsl(41, 96%, 47%) Marigold
#05eaa3 rgb(5, 234, 163) hsl(161, 96%, 47%) Medium Spring Green