Terracota é uma cor laranja-amarronzada saturada que lembra argila queimada, conferindo-lhe uma qualidade quente e terrosa. Ela se cruza com o vermelho e o amarelo na roda de cores, proporcionando uma sensação vibrante de verão.
Terracota é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #E35336
- Valor RGB: 89% vermelho, 32,5% verde e 21,2% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar terracota em seus designs:
- Crie destaques. Use terracota com moderação para destacar elementos importantes, como botões de CTA e textos com informações vitais.
- Melhore a legibilidade e acessibilidade. Terracota pode criar contraste entre textos e fundos, facilitando a leitura sem forçar a visão dos usuários.
- Desperte emoções positivas. A vivacidade e riqueza da terracota podem ser verdadeiramente contagiantes. Use um esquema de cores terracota para ajudar os usuários a se sentirem energizados e prontos para agir.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro de cores que a terracota, considere:
- Cinábrio (#E84B3D) é uma mistura de vermelho e laranja que não possui os tons marrons da terracota.
- Vermelho-laranja (#FF4B33) compartilha os tons laranja e vermelho da terracota, mas pende mais para o vermelho.
- Canela (#D47E30) é uma cor marrom vibrante com tons de vermelho e laranja.
Para complementar a terracota, considere combiná-la com:
- Turquesa (#40E0D0) complementa a terracota sem ofuscá-la.
- Champanhe (#F7E6CA) e terracota são frequentemente combinadas na arquitetura colonial espanhola.
- Caqui (#D5C58A) gera uma sensação de conforto e estabilidade quando combinado com terracota.
- Azul real (#305CDE) é um tom brilhante que cria um contraste clássico e elegante com a terracota.
Outras cores que valem a pena considerar incluem branco para uma estética invernal, sálvia para uma paleta de cores rústica, e creme para um esquema de cores com tema de missão espanhola.
Embora a terracota seja ousada, ela pode entrar em conflito com:
- Rosa (#FF1D8D) é um rosa saturado com um tom azulado que conflita com o calor terroso da terracota.
- Amarelo brilhante (#FFED29) é um amarelo altamente saturado que cria um contraste visualmente chocante com a terracota.
- Púrpura (#E491A6) é uma cor suave com um tom ligeiramente mais frio que pode conflitar com os tons quentes da terracota.
- Azul meia-noite (#272757) pode transmitir uma aura sombria e pouco convidativa quando combinado com terracota.
- Verde neon (#2CFF05) pode sobrepujar o tom mais suave da terracota.
Terracota simboliza serenidade e estabilidade. Esta cor tem um efeito tranquilizante que pode ajudar os espectadores a relaxar. Ela também pode incentivar um senso de apreciação pela beleza terrosa e natural.
Na psicologia das cores, terracota evoca sentimentos de cuidado e proteção. A semelhança da terracota com argila queimada e solo natural lhe confere uma conexão terrosa, criando uma sensação de estabilidade, aterramento e segurança.
No design de UI, terracota pode ser um catalisador para a ação. Incorporar esta cor em páginas da web pode adicionar uma sensação bem-vinda de energia e entusiasmo. Considere usar esta cor em aplicativos de fitness, saúde e viagens.
Terracota, um tipo de cerâmica à base de argila, é abundante em quase todas as regiões do mundo e tem sido por muitos séculos. Um dos usos mais antigos e famosos desta cor única é o exército de terracota do Imperador Qin Shi Huang. Historiadores estimam que mais de 8.000 estátuas de soldados de terracota foram construídas em 248 a.C. para serem enterradas com o imperador após sua morte em 210 a.C.
Mais de um milênio depois, os espanhóis se voltaram para esquemas de cores terracota. Pisos e telhados de terracota são abundantes em casas de estilo colonial espanhol. À medida que os conquistadores tomavam terras dos povos indígenas nas Américas, eles construíram inúmeras missões que apresentavam esta cor de forma proeminente.
No mundo da arte contemporânea, terracota continua sendo uma cor popular entre artistas de todas as fronteiras. Esquemas de cores terracota são frequentemente empregados em arte de parede, decoração de interiores, moda moderna e logotipos de empresas.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Pedra de Tijolo
Terraço Terracota
Encontro Eclético
Verificador de contraste
Contraste 3,78
- Texto grande
#E35336
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 5,56
- Texto grande
#E35336
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #e35336, conhecida como terracota, tem valores RGB de R:227, G:83, B:54 e 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) |
