Açafrão é uma cor quente e dourada localizada na região amarelo-laranja da roda de cores. Lembrando a cor do tempero, o açafrão evoca sentimentos de otimismo, positividade e novos começos.
Açafrão é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #F1C338
- Valor RGB: 94,5% vermelho, 76,5% verde e 22% 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 o açafrão em seus designs:
- Injete calor nos designs. Açafrão é uma cor convidativa que cria uma atmosfera acolhedora em designs de UI. Combine com azuis ou verdes para aplicativos de meditação e saúde para promover uma sensação de calma. Combine açafrão com tons neutros ou profundos como marrom e bordô para uma sensação aconchegante em aplicativos de comida ou receitas.
- Melhore a experiência do usuário. Seja usado como cor primária para botões importantes e CTAs ou como um sutil destaque para efeitos de hover, a vivacidade do açafrão pode enfatizar elementos importantes e melhorar a hierarquia visual.
- Promova a interação. Como o açafrão cria um ambiente positivo e estimulante, é uma ótima escolha de cor para plataformas criativas ou aplicativos de mídia social que incentivam o engajamento do usuário.
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 considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro ensolarado do açafrão, considere:
- Amarelo mostarda (#FFCE1B) é um pouco mais saturado e vibrante em comparação com o açafrão.
- Ouro (#EFBF04) é mais rico e vívido, lembrando o ouro real.
- Âmbar (#FFBF00) compartilha o mesmo calor com mais tons alaranjados.
- Mimosa (#F2B949) tem um tom semelhante, mas pende mais para o laranja do que para o amarelo.
Para complementar o açafrão, considere combiná-lo com:
- Marrom (#895129) cria uma paleta de cores natural e fundamentada.
- Azul real (#305CDE) complementa o açafrão para um contraste vibrante e marcante.
- Amarelo escuro (#BA8E23) oferece um visual coeso e monocromático.
- Vermelho sangue (#780606) adiciona profundidade para uma combinação de cores sofisticada e ousada.
- Rosa claro (#FFB5C0) equilibra o calor do açafrão com um toque suave e delicado.
Outras cores que valem a pena considerar incluem verde oliva para uma sensação terrosa e relaxada, branco para um visual limpo e clássico, e laranja brilhante para adicionar à natureza ensolarada do açafrão.
Embora o açafrão seja quente, ele pode entrar em conflito com:
- Rosa neon (#FF13F0) cria um contraste forte que pode perturbar o calor do açafrão.
- Amarelo-verde (#CCFF00) pode parecer visualmente chocante ao lado do açafrão.
- Prata (#C4C4C4) pode criar uma sensação fria ao lado da energia quente do açafrão.
- Roxo neon (#8A00C4) oferece um contraste vibrante que pode ofuscar o açafrão.
O açafrão simboliza otimismo e positividade. Em algumas culturas, o açafrão também carrega conotações de iluminação, sacrifício e pureza.
Na psicologia das cores, o açafrão evoca sentimentos de conforto e felicidade. Suas qualidades vibrantes e estimulantes também podem despertar criatividade e imaginação.
No design de UI, o açafrão pode injetar calor e personalidade nos designs para melhorar a experiência do usuário. Pode ser usado como cor primária ou complementar em botões de CTA ou outros elementos importantes, impulsionando o engajamento e a interação do usuário.
A cor açafrão é nomeada após o tempero, derivado da flor Crocus sativus. Em civilizações antigas como Roma e Grécia, o açafrão era valorizado por sua versatilidade. Era usado como tempero culinário, corante de tecidos e ingrediente medicinal para aliviar dores físicas e doenças. Devido ao seu aroma distinto e único, o açafrão foi até incorporado em perfumes e desodorizadores.
Por séculos, o açafrão tem sido uma cor sagrada em muitas culturas diferentes. Na Índia, a cor simboliza pureza e sacrifício e é proeminente em cerimônias religiosas. Também é uma cor tradicional de vestes usadas por monges budistas, representando iluminação, altruísmo e desapego do materialismo.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Esmalte de Mel
Sua Majestade
Tons Dourados
Verificador de contraste
Contraste 1,67
- Texto grande
#F1C338
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 12,6
- Texto grande
#F1C338
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #f1c338, conhecida como Cor açafrão, tem valores RGB de R:241, G:195, B:56 e valores CMYK de C:0, M:19, Y:77, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #f1c338 | #f1c338 |
| RGB DECIMAL | 241, 195, 56 | RGB(241,195,56) |
| RGB PERCENTAGE | 94.5, 76.5, 22.0 | RGB(94.5%,76.5%,22.0%) |
| CMYK | 0, 19, 77, 5 | |
| HSL | HSL(45.1, 86.9%, 58.2%) | HSL(45.1, 86.9%, 58.2%) |
| HSV (OR HSB) | 45.1°, 76.8, 94.5 | |
| WEB SAFE | #25520451 | #25520451 |
| BINARY | 11110001, 11000011, 00111000 | |
| iOS - SwiftUI | Color(red: 0.945, green: 0.765, blue: 0.220) | |
| iOS - UIKit | UIColor(red: 0.945, green: 0.765, blue: 0.220, alpha: 1) | |
| Android - Compose | Color(0xFFF1C338) |
