Códigos HTML de cores para laranja pastel - hexadecimal + RGB.
Descubra todos os códigos HTML da cor laranja pastel - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor laranja pastel.
#ffb347
Cor complementar do laranja pastel:
A cor complementar de uma cor é o oposto dela no círculo cromático
#4793ff
Esquema monocromático da cor laranja pastel
#874e00
#a86915
#ca8629
#eda43d
#ffbe58
#ffd478
#ffe998
#ffffb8
Este esquema é baseado na cor laranja pastel e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor laranja pastel
| formato | código |
|---|---|
| hex | #ffb347 |
| rgb | rgb(255,179,71) |
| hsl | hsl(36,100%,64%) |
| cmyk | cmyk(0, 30, 73, 0) |
| hsv | hsv(36, 73%, 100%) |
Qual é a cor laranja pastel no formato RGB?
A cor laranja pastel no formato RGB é composta por (255 no canal vermelho), (179 no canal verde) e (71 no canal azul).
Qual é a cor laranja pastel no formato CMYK?
Ela é composta por (0%) de ciano, (30%) de magenta, (73%) de amarelo e (0%) de preto / chave.
Qual é a composição da cor laranja pastel no formato HSL?
Ela é composta por (36°) de matiz, (100%) de saturação e (64%) de luminosidade.
Qual é a cor laranja pastel no formato HSV?
A cor laranja pastel no formato HSV é composta por (36°) de matiz, (73%) de saturação e (100%) de valor.
Esquema análogo da cor laranja pastel
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#ffb647
#edff47
#ff5a47
Esquema triádico da cor laranja pastel
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#ffb347
#47ffb3
#b347ff
Esquema tetrádico da cor laranja pastel
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#ffb347
#47ff57
#4793ff
#ff47ef
Esquema complementar dividido da cor laranja pastel
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#ffb347
#6eff47
#6947ff
Tons da cor laranja pastel
Os tons são obtidos a partir da cor base laranja pastel até chegar ao branco, encontrando tons intermediários de cores pastel.
#ffb347
#ffc26c
#ffd191
#ffe1b5
#fff0da
#ffffff
Sombras da cor laranja pastel
Essas sombras são obtidas a partir da cor base laranja pastel até chegar ao preto
#ffb347
#cc8f39
#996b2b
#66481c
#33240e
#000000
Verificar o contraste da cor laranja pastel.
Agora você pode validar a relação de contraste da cor laranja pastel, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.78
Teste de relação de contraste da cor laranja pastel como fundo
Alterar a cor de fundo
Relação de contraste: 8.77
Teste de relação de contraste da cor laranja pastel como texto.
Como implementar a cor laranja pastel em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor laranja 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 laranja 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:#ffb347;"> Cor laranja pastel como fundo de uma div.</div>
/* Cor laranja pastel como fundo da tag body com CSS. */body {background: #ffb347;}
Para definir a cor do texto laranja 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:#ffb347;"> Cor laranja pastel como a cor do texto.</p>
p {color:#ffb347 ;}