Color Azul pervinca: código #CCCCFF
Azul pervinca
#CCCCFF
Códigos del color
- HEX
#CCCCFF - RGB
rgb(204, 204, 255) - HSL
hsl(240, 100%, 90%) - HSV
hsv(240, 20%, 100%) - CMYK
cmyk(20%, 20%, 0%, 0%) - LAB
lab(83.6% 10.3 -24.9) - OKLCH
oklch(86.2% 0.071 284.8)
Sobre el color Azul pervinca
Azul pervinca tiene el código HEX #CCCCFF, que corresponde a rgb(204, 204, 255) en el modelo RGB. En el círculo cromático, su tono está en 240°, con 100% de saturación y 90% de luminosidad (hsl(240, 100%, 90%)).
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 oscuro: el negro alcanza un contraste de 13,64:1 sobre él, frente a 1,53:1 del blanco.
Para impresión, la conversión aproximada es cmyk(20%, 20%, 0%, 0%). 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 Azul pervinca
Complementaria
#CCCCFF · #FFFFCC
Análoga
#CCE6FF · #CCCCFF · #E6CCFF
Tríada
#CCCCFF · #FFCCCC · #CCFFCC
Tetrádica
#CCCCFF · #FFCCE6 · #FFFFCC · #CCFFE6
Complementaria dividida
#CCCCFF · #FFE6CC · #E6FFCC
Monocromática
#4D4DFF · #9999FF · #CCCCFF · #FFFFFF · #FFFFFF
Azul pervinca con texto blanco y negro
Cómo usarlo en CSS
:root {
--color-periwinkle: #CCCCFF;
--color-periwinkle-rgb: 204, 204, 255;
}
.elemento {
background-color: var(--color-periwinkle);
color: #000000;
}