Cor Azul-claro: código #ADD8E6
Azul-claro
#ADD8E6
Códigos da cor
- HEX
#ADD8E6 - RGB
rgb(173, 216, 230) - HSL
hsl(195, 53%, 79%) - HSV
hsv(195, 25%, 90%) - CMYK
cmyk(25%, 6%, 0%, 10%) - LAB
lab(83.8% -10.9 -11.5) - OKLCH
oklch(85.6% 0.049 219.7)
Sobre a cor Azul-claro
Azul-claro tem o código HEX #ADD8E6, que corresponde a rgb(173, 216, 230) no modelo RGB. No círculo cromático, seu matiz fica em 195°, com 53% de saturação e 79% de luminosidade (hsl(195, 53%, 79%)).
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,74:1 sobre ela, contra 1,52:1 do branco.
Para impressão, a conversão aproximada é cmyk(25%, 6%, 0%, 10%). 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-claro
Complementar
#ADD8E6 · #E6BBAD
Análoga
#ADE6D8 · #ADD8E6 · #ADBBE6
Tríade
#ADD8E6 · #E6ADD8 · #D8E6AD
Tetrádica
#ADD8E6 · #D8ADE6 · #E6BBAD · #BBE6AD
Complementar dividida
#ADD8E6 · #E6ADBB · #E6D8AD
Monocromática
#4CA9C8 · #86C5DA · #ADD8E6 · #E8F4F8 · #FFFFFF
Azul-claro com texto branco e preto
Como usar em CSS
:root {
--color-light-blue: #ADD8E6;
--color-light-blue-rgb: 173, 216, 230;
}
.elemento {
background-color: var(--color-light-blue);
color: #000000;
}