Códigos HTML de cores para azul pastel - hexadecimal + RGB.
Descubra todos os códigos HTML da cor azul pastel - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor azul pastel.
#b2dafa
Cor complementar do azul pastel:
A cor complementar de uma cor é o oposto dela no círculo cromático
#fad2b2
Esquema monocromático da cor azul pastel
#48718d
#658eab
#84abca
#a2caea
#bedffb
#d4eafc
#eaf4fe
#ffffff
Este esquema é baseado na cor azul pastel e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor azul pastel
| formato | código |
|---|---|
| hex | #b2dafa |
| rgb | rgb(178,218,250) |
| hsl | hsl(207,88%,84%) |
| cmyk | cmyk(29, 13, 0, 2) |
| hsv | hsv(207, 29%, 99%) |
Qual é a cor azul pastel no formato RGB?
A cor azul pastel no formato RGB é composta por (178 no canal vermelho), (218 no canal verde) e (250 no canal azul).
Qual é a cor azul pastel no formato CMYK?
Ela é composta por (29%) de ciano, (13%) de magenta, (0%) de amarelo e (2%) de preto / chave.
Qual é a composição da cor azul pastel no formato HSL?
Ela é composta por (207°) de matiz, (88%) de saturação e (84%) de luminosidade.
Qual é a cor azul pastel no formato HSV?
A cor azul pastel no formato HSV é composta por (207°) de matiz, (29%) de saturação e (99%) de valor.
Esquema análogo da cor azul pastel
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#b2dafa
#b2b6fa
#b2faf7
Esquema triádico da cor azul pastel
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#b2dafa
#fab2da
#dafab2
Esquema tetrádico da cor azul pastel
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#b2dafa
#f6b2fa
#fad2b2
#b6fab2
Esquema complementar dividido da cor azul pastel
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#b2dafa
#e0b2fa
#f7fab2
Tons da cor azul pastel
Os tons são obtidos a partir da cor base azul pastel até chegar ao branco, encontrando tons intermediários de cores pastel.
#b2dafa
#c1e1fb
#d1e9fc
#e0f0fd
#f0f8fe
#ffffff
Sombras da cor azul pastel
Essas sombras são obtidas a partir da cor base azul pastel até chegar ao preto
#b2dafa
#8eaec8
#6b8396
#475764
#242c32
#000000
Verificar o contraste da cor azul pastel.
Agora você pode validar a relação de contraste da cor azul pastel, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.47
Teste de relação de contraste da cor azul pastel como fundo
Alterar a cor de fundo
Relação de contraste: 10.64
Teste de relação de contraste da cor azul pastel como texto.
Como implementar a cor azul pastel em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor azul pastel na sua página da web. Lembre-se de que você pode implementar a cor em HTML usando códigos de cor, como hexadecimal, RGB ou HSL, e também diretamente com o nome da cor escrito em inglês (desde que seja suportado nativamente pelo HTML
Cor de fundo azul pastel em HTML - CSS.
Para definir a cor de fundo, você pode usar estilos inline ou aplicá-los em uma folha de estilo CSS.
<div style="background:#b2dafa;"> Cor azul pastel como fundo de uma div.</div>
/* Cor azul pastel como fundo da tag body com CSS. */body {background: #b2dafa;}
Para definir a cor do texto azul pastel em HTML - CSS.
Para definir a cor do texto, você pode usar estilos inline ou aplicá-los em uma folha de estilo CSS.
<p style="color:#b2dafa;"> Cor azul pastel como a cor do texto.</p>
p {color:#b2dafa ;}