Color Terracota: código #E2725B

Terracota

#E2725B

Códigos del color

  • 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 el color Terracota

Terracota tiene el código HEX #E2725B, que corresponde a rgb(226, 114, 91) en el modelo RGB. En el círculo cromático, su tono está en 10°, con 70% de saturación y 62% de luminosidad (hsl(10, 70%, 62%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 6,79:1 sobre él, frente a 3,09:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 50%, 60%, 11%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Terracota

Complementaria

#E2725B · #5ACBE2

Análoga

#E25A87 · #E2725B · #E2B55A

Tríada

#E2725B · #5AE271 · #715AE2

Tetrádica

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

Complementaria dividida

#E2725B · #5AE2B5 · #5A87E2

Monocromática

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

Terracota con texto blanco y negro

Texto blanco Aa Bb Cc 123
3,09:1 · solo texto grande
Texto negro Aa Bb Cc 123
6,79:1 · AA

Prueba otras combinaciones en el verificador de contraste

De la arcilla a la pantalla

Terracota viene del italiano terra cotta, “tierra cocida”: es el color de la arcilla después de pasar por el horno, presente en tejas, macetas y baldosas desde hace milenios. El HEX #E2725B (rgb(226, 114, 91)) recoge la versión más anaranjada y luminosa del tono; las piezas reales varían mucho, del rosado al marrón rojizo, según el barro y la cocción.

La asociación con lo artesanal, lo mediterráneo y lo natural es fuerte en muchas culturas, pero no es fija. En interiores, la terracota sugiere calidez y hogar; en una app financiera, el mismo tono podría confundirse con una alerta por su cercanía al rojo y al naranja.

Dónde funciona

Combinaciones

Para entender por qué funciona la pareja terracota y verde azulado, consulta la guía de armonía del color.

¿Texto blanco sobre terracota? Solo si es grande

El contraste de #E2725B con blanco ronda 3,1:1. Según WCAG, eso basta solo para texto grande (desde 24 px, o 18,66 px en negrita) y para iconos, pero no para texto corrido ni etiquetas pequeñas de botones. Tienes dos salidas:

  1. mantener la terracota y usar texto oscuro, que alcanza 6,8:1 con negro;
  2. oscurecer el fondo hasta algo como #A34A36, que supera 5,8:1 con blanco sin salir de la misma familia de color.

Compara ambas opciones en el verificador de contraste.

Cómo usarlo en CSS

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

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

Colores parecidos

Usa Terracota en nuestras herramientas