Cor Terracota: código #E2725B

Terracota

#E2725B

Códigos da cor

  • HEX#E2725B
  • RGBrgb(226, 114, 91)
  • HSLhsl(10, 70%, 62%)
  • HSVhsv(10, 60%, 89%)
  • CMYKcmyk(0%, 50%, 60%, 11%)
  • LABlab(60.8% 41.6 32.8)
  • OKLCHoklch(67.7% 0.144 32.9)

Sobre a cor Terracota

Terracota tem o código HEX #E2725B, que corresponde a rgb(226, 114, 91) no modelo RGB. No círculo cromático, seu matiz fica em 10°, com 70% de saturação e 62% de luminosidade (hsl(10, 70%, 62%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 6,79:1 sobre ela, contra 3,09:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 50%, 60%, 11%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Terracota

Complementar

#E2725B · #5ACBE2

Análoga

#E25A87 · #E2725B · #E2B55A

Tríade

#E2725B · #5AE271 · #715AE2

Tetrádica

#E2725B · #87E25A · #5ACBE2 · #B55AE2

Complementar dividida

#E2725B · #5AE2B5 · #5A87E2

Monocromática

#A0321C · #DA4B2F · #E2725B · #EDA99B · #F9E1DC

Terracota com texto branco e preto

Texto branco Aa Bb Cc 123
3,09:1 · só texto grande
Texto preto Aa Bb Cc 123
6,79:1 · AA

Testar outras combinações no verificador de contraste

Da argila para a tela

Terracota vem do italiano terra cotta, “terra cozida”: é a cor da argila depois de queimada no forno, presente em telhas, vasos e pisos de cerâmica há milênios. O HEX #E2725B (rgb(226, 114, 91)) captura a versão mais alaranjada e luminosa desse tom; peças reais variam bastante, do rosado ao marrom avermelhado, conforme o barro e a queima.

A associação com o artesanal, o mediterrâneo e o natural é forte em muitas culturas, mas não é fixa. Em interiores, terracota sugere calor e aconchego; numa interface de app financeiro, o mesmo tom pode ser confundido com alerta, por estar perto do vermelho e do laranja.

Onde funciona

Combinações

Para entender por que o par terracota e verde-azulado funciona, veja o guia de harmonia de cores.

Texto branco em terracota? Só em tamanho grande

O contraste de #E2725B com branco é de cerca de 3,1:1. Pela WCAG, isso é suficiente apenas para texto grande (a partir de 24 px, ou 18,66 px em negrito) e para ícones, mas não para texto corrido nem para rótulos pequenos de botões. Você tem duas saídas:

  1. manter o terracota e usar texto escuro, que chega a 6,8:1 com preto;
  2. escurecer o fundo para algo como #A34A36, que passa de 5,8:1 com branco e mantém a família de cor.

Compare as opções no verificador de contraste.

Como usar em CSS

:root {
  --color-terracotta: #E2725B;
  --color-terracotta-rgb: 226, 114, 91;
}

.elemento {
  background-color: var(--color-terracotta);
  color: #000000;
}

Cores parecidas

Use Terracota nas ferramentas