Códigos HTML de cores para ocre - hexadecimal + RGB.

Descubra todos os códigos HTML da cor ocre - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor ocre.

#b9935a

códigos del color ocre

Cor complementar do ocre:

A cor complementar de uma cor é o oposto dela no círculo cromático

#5a80b9

Esquema monocromático da cor ocre

#4e3300
#6b4d1a
#8a6833
#a9844d
#c3a269
#d8c087
#ecdfa7
#ffffc7

Este esquema é baseado na cor ocre e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.

Códigos HTML e CSS para a cor ocre

formatocódigo
hex#b9935a
rgbrgb(185,147,90)
hslhsl(36,41%,54%)
cmykcmyk(0, 21, 52, 28)
hsvhsv(36, 52%, 73%)

Qual é a cor ocre no formato RGB?

A cor ocre no formato RGB é composta por (185 no canal vermelho), (147 no canal verde) e (90 no canal azul).

Qual é a cor ocre no formato CMYK?

Ela é composta por (0%) de ciano, (21%) de magenta, (52%) de amarelo e (28%) de preto / chave.

Qual é a composição da cor ocre no formato HSL?

Ela é composta por (36°) de matiz, (41%) de saturação e (54%) de luminosidade.

Qual é a cor ocre no formato HSV?

A cor ocre no formato HSV é composta por (36°) de matiz, (52%) de saturação e (73%) de valor.

Esquema análogo da cor ocre

As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.

#ba935a
#b0ba5a
#ba635a

Esquema triádico da cor ocre

O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.

#b9935a
#5ab993
#935ab9

Esquema tetrádico da cor ocre

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.

#b9935a
#5ab963
#5a80b9
#b95aaf

Esquema complementar dividido da cor ocre

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.

#b9935a
#6db95a
#6d5ab9

Tons da cor ocre

Os tons são obtidos a partir da cor base ocre até chegar ao branco, encontrando tons intermediários de cores pastel.

#b9935a
#c7a97b
#d5be9c
#e3d4bd
#f1e9de
#ffffff

Sombras da cor ocre

Essas sombras são obtidas a partir da cor base ocre até chegar ao preto

#b9935a
#947648
#6f5836
#4a3b24
#251d12
#000000

Verificar o contraste da cor ocre.

Agora você pode validar a relação de contraste da cor ocre, seja usando-a como cor de fundo ou como cor de texto.

Alterar a cor do texto.
Relação de contraste: 2.84

Teste de relação de contraste da cor ocre como fundo

Alterar a cor de fundo
Relação de contraste: 5.49

Teste de relação de contraste da cor ocre como texto.

Como implementar a cor ocre em HTML e CSS.

Aqui estão exemplos de códigos para usar a cor ocre 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 ocre 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:#b9935a;"> Cor ocre como fundo de uma div.</div>
/* Cor ocre como fundo da tag body com CSS. */
body {
background: #b9935a;
}

Para definir a cor do texto ocre 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:#b9935a;"> Cor ocre como a cor do texto.</p>
p {
color:#b9935a ;
}

Aqui estão mais cores com todos os seus códigos.