El 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.
El 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 las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el terracota en tus diseños:
- Crea acentos. Usa el terracota con moderación para resaltar elementos importantes como botones de CTA y texto con información vital.
- Mejora la legibilidad y accesibilidad. El terracota puede crear contraste entre textos y fondos, facilitando la lectura para los usuarios sin forzar la vista.
- Evoca emociones positivas. La vibrante riqueza del terracota puede ser realmente contagiosa. Usa una paleta de colores terracota para ayudar a los usuarios a sentirse energizados y ansiosos por actuar.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro de color que el terracota, considera:
- Cinabrio (#E84B3D) es una mezcla de rojo y naranja que carece de los tonos marrones del terracota.
- Rojo-naranja (#FF4B33) comparte los tonos naranjas y rojos del terracota pero se inclina más hacia el rojo.
- Canela (#D47E30) es un color marrón vibrante con matices rojos y naranjas.
Para complementar el terracota, considera emparejarlo con:
- Turquesa (#40E0D0) complementa el 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 el 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 el terracota es audaz, puede chocar con:
- Rosa (#FF1D8D) es un rosa saturado con un matiz azul que choca con la calidez terrosa del terracota.
- Amarillo brillante (#FFED29) es un amarillo altamente saturado que crea un contraste visualmente discordante con el terracota.
- Púrpura (#E491A6) es un color apagado con un matiz ligeramente más frío que puede chocar con los tonos cálidos del terracota.
- Azul medianoche (#272757) podría dar una sensación apagada y poco acogedora cuando se combina con terracota.
- Verde neón (#2CFF05) puede dominar el tono más apagado del terracota.
El 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 apreciación por la belleza natural y terrosa.
En la psicología del color, el terracota evoca sentimientos de cuidado y protección. La semejanza del terracota con la arcilla cocida y el suelo natural le da una conexión terrosa, creando una sensación de estabilidad, arraigo y seguridad.
En el diseño UI, el 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.
El 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 año 210 a.C.
Más de un milenio después, los españoles se sintieron atraídos por los esquemas de color terracota. Los suelos y techos de tejas 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, el 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Ladrillo
Terraza Terracota
Aventura Ecléctica
Comprobador de contraste
Contraste 3,78
- Texto largo
#E35336
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Contraste 5,56
- Texto largo
#E35336
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #e35336, también llamado 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) |
