Color Púrpura: código #A020F0
Púrpura
#A020F0
Códigos del color
- HEX
#A020F0 - RGB
rgb(160, 32, 240) - HSL
hsl(277, 87%, 53%) - HSV
hsv(277, 87%, 94%) - CMYK
cmyk(33%, 87%, 0%, 6%) - LAB
lab(45.4% 78.7 -77.4) - OKLCH
oklch(56.6% 0.274 306.4)
Sobre el color Púrpura
Púrpura tiene el código HEX #A020F0, que corresponde a rgb(160, 32, 240) en el modelo RGB. En el círculo cromático, su tono está en 277°, con 87% de saturación y 53% de luminosidad (hsl(277, 87%, 53%)).
Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.
Como fondo pide texto claro: el blanco alcanza un contraste de 5,30:1 sobre él, frente a 3,95:1 del negro.
Para impresión, la conversión aproximada es cmyk(33%, 87%, 0%, 6%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.
Tonos más claros
Tonos más oscuros
Combinaciones con Púrpura
Complementaria
#A020F0 · #6FEF1F
Análoga
#371FEF · #A020F0 · #EF1FD7
Tríada
#A020F0 · #EF9F1F · #1FEF9F
Tetrádica
#A020F0 · #EF371F · #6FEF1F · #1FD7EF
Complementaria dividida
#A020F0 · #D7EF1F · #1FEF37
Monocromática
#560986 · #840ECD · #A020F0 · #BE66F4 · #DCAEF9
Púrpura con texto blanco y negro
Cómo usarlo en CSS
:root {
--color-vivid-purple: #A020F0;
--color-vivid-purple-rgb: 160, 32, 240;
}
.elemento {
background-color: var(--color-vivid-purple);
color: #FFFFFF;
}