Cor sépia

Vem da tinta da sépia, um molusco parecido com a lula. É o marrom das fotografias antigas com tom quente. Hoje é usado como filtro de foto e para dar um ar vintage a um design.

Também conhecida como: marrom-sépia.

Sépia · #704214

Sobre a cor sépia

O sépia (#704214) é uma cor quente, escura e de saturação média. Faz parte da família dos marrons. É formada por 112 de vermelho, 66 de verde e 20 de azul (de 0 a 255). É usada principalmente em fotografia, ilustração, design gráfico.

Tons de sépia: claros e escuros

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

Harmonias da cor sépia

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

ComplementarPróximo de: Azul-da-prússia

AnálogasPróximo de: Borgonha, Verde-oliva

TríadePróximo de: Verde-bandeira, Azul-meia-noite

Complementar divididaPróximo de: Verde-azulado, Azul-meia-noite

TétradePróximo de: Verde-escuro, Azul-da-prússia, Púrpura

Paletas com a cor sépia

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

Paleta monocromática · Sépia

Paleta análoga · Sépia

Paleta complementar · Sépia

Paleta tríade · Sépia

Paleta com neutros · Sépia

Paleta com destaque · Sépia

Contraste de sépia com texto

Texto brancoContraste 8.5:1 · AAA

Texto pretoContraste 2.5:1 · Não recomendado

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

Código CSS

:root {
  --sepia: #704214;
  --sepia-rgb: 112, 66, 20;
}
.fundo { background-color: var(--sepia); }
.texto { color: var(--sepia); }

Cores parecidas com sépia

Chocolate Café Siena Tabaco Castanho Marrom Café com leite Cobre Marsala Mocha

Paletas temáticas com esta cor

Mais marrons

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

Perguntas frequentes

Qual é o código da cor sépia?

O código HEX da cor sépia é #704214. Em RGB é rgb(112, 66, 20), em HSL é hsl(30, 70%, 26%) e em CMYK é 0, 41, 82, 56.

Qual é a cor complementar de sépia?

A complementar no círculo cromático é #144270, um tom próximo de azul-da-prússia. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor sépia?

Sim. O contraste com o branco é 8.5:1, suficiente para texto comum (WCAG AA).