Cor Azul-pervinca: código #CCCCFF
Azul-pervinca
#CCCCFF
Códigos da cor
- 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 a cor Azul-pervinca
Azul-pervinca tem o código HEX #CCCCFF, que corresponde a rgb(204, 204, 255) no modelo RGB. No círculo cromático, seu matiz fica em 240°, com 100% de saturação e 90% de luminosidade (hsl(240, 100%, 90%)).
Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.
Como fundo, pede texto escuro: o preto atinge contraste de 13,64:1 sobre ela, contra 1,53:1 do branco.
Para impressão, a conversão aproximada é cmyk(20%, 20%, 0%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.
Tons mais claros
Tons mais escuros
Combinações com Azul-pervinca
Complementar
#CCCCFF · #FFFFCC
Análoga
#CCE6FF · #CCCCFF · #E6CCFF
Tríade
#CCCCFF · #FFCCCC · #CCFFCC
Tetrádica
#CCCCFF · #FFCCE6 · #FFFFCC · #CCFFE6
Complementar dividida
#CCCCFF · #FFE6CC · #E6FFCC
Monocromática
#4D4DFF · #9999FF · #CCCCFF · #FFFFFF · #FFFFFF
Azul-pervinca com texto branco e preto
Como usar em CSS
:root {
--color-periwinkle: #CCCCFF;
--color-periwinkle-rgb: 204, 204, 255;
}
.elemento {
background-color: var(--color-periwinkle);
color: #000000;
}