Terracota es un color naranja-marrón saturado que recuerda a la arcilla cocida, lo que le confiere una calidad cálida y terrosa. Se cruza con el rojo y el amarillo en el círculo cromático, dándole una sensación brillante de verano.

Terracota se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #E35336
- Valor RGB: 89% rojo, 32.5% verde y 21.2% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores en el diseño de UX e interfaces. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Web Content Accessibility Guidelines.
Aquí hay algunas formas de usar terracota en tus diseños:
- Crea acentos. Usa terracota con moderación para resaltar elementos importantes como botones de CTA y texto con información vital.
- Mejora la legibilidad y accesibilidad. Terracota puede crear contraste entre textos y fondos, facilitando la lectura sin forzar la vista.
- Evoca emociones positivas. La vibrancia y riqueza de terracota pueden ser realmente contagiosas. Usa un esquema de color terracota para ayudar a los usuarios a sentirse energizados y ansiosos por actuar.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro de color que terracota, considera:
- Cinabrio (#E84B3D) es una mezcla de rojo y naranja que carece de los tonos marrones de terracota.
- Rojo anaranjado (#FF4B33) comparte los tonos naranjas y rojos de terracota pero se inclina más hacia el rojo.
- Canela (#D47E30) es un color marrón vibrante con matices rojos y naranjas.
Para complementar terracota, considera emparejarlo con:
- Turquesa (#40E0D0) complementa a terracota sin eclipsarlo.
- Champán (#F7E6CA) y terracota a menudo se combinan en la arquitectura colonial española.
- Caqui (#D5C58A) genera una sensación de confort y estabilidad cuando se combina con terracota.
- Azul real (#305CDE) es un tono brillante que crea un contraste clásico y elegante con terracota.
Otros colores que vale la pena considerar incluyen blanco para una estética invernal, salvia para una paleta de colores rústica, y crema para un esquema de color temático de misión española.
Aunque terracota es audaz, puede chocar con:
- Rosa (#FF1D8D) es un rosa saturado con un matiz azul que choca con la calidez terrosa de terracota.
- Amarillo brillante (#FFED29) es un amarillo altamente saturado que crea un contraste visualmente discordante con terracota.
- Púrpura (#E491A6) es un color apagado con un matiz ligeramente más frío que puede chocar con los tonos cálidos de terracota.
- Azul medianoche (#272757) podría dar una sensación sombría y poco acogedora cuando se combina con terracota.
- Verde neón (#2CFF05) puede dominar el tono más apagado de terracota.
Terracota simboliza serenidad y estabilidad. Este color tiene un efecto tranquilizante que puede ayudar a los espectadores a relajarse. También puede fomentar un sentido de aprecio por la belleza natural y terrenal.
En la psicología del color, terracota evoca sentimientos de cuidado y protección. Su semejanza con la arcilla cocida y el suelo natural le da una conexión terrenal, creando una sensación de estabilidad, arraigo y seguridad.
En el diseño de interfaces, terracota puede ser un catalizador para la acción. Incorporar este color en las páginas web puede añadir una bienvenida sensación de energía y emoción. Considera usar este color en aplicaciones de fitness, salud y viajes.
Terracota, un tipo de cerámica a base de arcilla, es abundante en casi todas las regiones del mundo y lo ha sido durante muchos siglos. Uno de los usos más antiguos y famosos de este color único es el ejército de terracota del Emperador Qin Shi Huang. Los historiadores estiman que se construyeron más de 8,000 estatuas de soldados de terracota en el año 248 a.C. para ser enterradas con el emperador tras su fallecimiento en el 210 a.C.
Más de un milenio después, los españoles se inclinaron hacia los esquemas de color terracota. Los azulejos de piso y techo de terracota son abundantes en las casas de estilo colonial español. A medida que los conquistadores tomaron tierras de los pueblos indígenas en las Américas, construyeron numerosas misiones que destacaban este color.
En el mundo del arte contemporáneo, terracota sigue siendo un color popular entre los artistas de todas las fronteras. Los esquemas de color terracota se emplean frecuentemente en arte mural, decoración del hogar, moda moderna y logotipos de empresas.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Ladrillo
Terraza de Terracota
Aventura Ecléctica
Verificador de contraste
Contraste 3,78
- Texto grande
#E35336
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 5,56
- Texto grande
#E35336
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #e35336, también conocido como terracota, tiene valores RGB de R:227, G:83, B:54 y valores CMYK de C:0, M:63, Y:76, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #e35336 | #e35336 |
| RGB DECIMAL | 227, 83, 54 | RGB(227,83,54) |
| RGB PERCENTAGE | 89.0, 32.5, 21.2 | RGB(89.0%,32.5%,21.2%) |
| CMYK | 0, 63, 76, 11 | |
| HSL | HSL(10.1, 75.5%, 55.1%) | HSL(10.1, 75.5%, 55.1%) |
| HSV (OR HSB) | 10.1°, 76.2, 89.0 | |
| WEB SAFE | #20410251 | #20410251 |
| BINARY | 11100011, 01010011, 00110110 | |
| iOS - SwiftUI | Color(red: 0.890, green: 0.325, blue: 0.212) | |
| iOS - UIKit | UIColor(red: 0.890, green: 0.325, blue: 0.212, alpha: 1) | |
| Android - Compose | Color(0xFFE35336) |


