Cor ocre

Pigmento natural de argila com óxido de ferro, usado desde as pinturas rupestres. É um marrom amarelado e terroso. Aparece em fachadas mediterrâneas, cerâmica e decoração de estilo boho.

Também conhecida como: amarelo-ocre.

Ocre · #CC7722

Sobre a cor ocre

O ocre (#CC7722) é uma cor quente, de luminosidade média e de saturação média. Faz parte da família dos marrons. É formada por 204 de vermelho, 119 de verde e 34 de azul (de 0 a 255). É usada principalmente em arte, decoração, arquitetura.

Tons de ocre: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Cores que combinam com ocre

Azul-petróleoContraste quente e frio muito elegante.Verde-olivaUma paleta terrosa natural.BrancoIlumina o ocre.Marrom-caféProfundidade de outono.CinzaAcalma o ocre e moderniza.TerracotaUma cartela terrosa quente.Azul-marinhoElegância e contraste.CremeUma base suave e quente.

Como usar ocre em roupas e decoração →

Harmonias da cor ocre

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Azul-francês

AnálogasPróximo de: Vermelhão, Amarelo-milho

TríadePróximo de: Verde-esmeralda, Roxo

Complementar divididaPróximo de: Turquesa-escuro, Roxo

TétradePróximo de: Verde-grama, Azul-francês, Magenta

Paletas com a cor ocre

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Ocre

Paleta análoga · Ocre

Paleta complementar · Ocre

Paleta tríade · Ocre

Paleta com neutros · Ocre

Paleta com destaque · Ocre

Contraste de ocre com texto

Texto brancoContraste 3.4:1 · AA texto grande

Texto pretoContraste 6.2:1 · AA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --ocre: #CC7722;
  --ocre-rgb: 204, 119, 34;
}
.fundo { background-color: var(--ocre); }
.texto { color: var(--ocre); }

Cores parecidas com ocre

Bronze Canela Cobre Cenoura Caramelo Laranja-queimado Marrom Tangerina Mel Coral

Paletas temáticas com esta cor

Mais marrons

Marrom Café Chocolate Mogno Castanho Canela Sépia Caramelo Camel Mocha Cáqui Areia Bege Nude Bronze Tabaco Siena Café com leite

Perguntas frequentes

Qual é o código da cor ocre?

O código HEX da cor ocre é #CC7722. Em RGB é rgb(204, 119, 34), em HSL é hsl(30, 71%, 47%) e em CMYK é 0, 42, 83, 20.

Qual é a cor complementar de ocre?

A complementar no círculo cromático é #2277CC, um tom próximo de azul-francês. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor ocre?

Melhor usar texto preto: o contraste com o branco é só 3.4:1, enquanto com o preto é 6.2:1.

Quais cores combinam com ocre?

Combina bem com azul-petróleo, verde-oliva, branco, marrom-café, cinza. Evite juntar com amarelo-limão ou laranjas brilhantes, porque o ocre parece sujo. Com rosa-chiclete, não combina.