Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com o amarelo pastel?
O amarelo pastel está próximo do amarelo na roda de cores e, com a adição de branco, parece mais claro e menos saturado do que o amarelo verdadeiro. Este tom desbotado da cor primária amarela cria uma tonalidade suave e discreta, semelhante a muitos de seus equivalentes pastéis. O amarelo pastel incorpora alegria e luz do sol e inclui uma variedade de tons diferentes, como creme e canário.
O amarelo pastel é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFEE8C
- Valor RGB: 100% vermelho, 93,3% verde e 54,9% 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 amarelo pastel em seus designs:
- Adicione profundidade. A suavidade do amarelo pastel pode ser uma cor de destaque ou usada em diferentes texturas e padrões em uma página. Isso pode ajudar a criar profundidade visual sem ser muito distrativo.
- Transmita calor. O calor do amarelo pastel pode ajudar a comunicar um tom amigável, alegre e positivo dentro dos designs de UI.
- Crie designs limpos. Estilos de design como o flat design frequentemente usam cores pastéis para criar interfaces de usuário simples e minimalistas.
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 suave e alegre do amarelo pastel, considere:
Para complementar o amarelo pastel, considere combiná-lo com:
- Periwinkle (#CCCCFF) combina bem com amarelo pastel para um toque lúdico.
- Azul bebê (#8FD9FB) cria um esquema de cores sereno e calmante, lembrando um dia ensolarado de primavera.
- Laranja (#FFA500) faz uma combinação de cores brilhante e cítrica.
- Rosewater (#FFD6D1) cria uma paleta de cores suave e feminina.
Outras cores que complementam o amarelo pastel incluem branco para um design atemporal e limpo, lilás para realçar a suavidade do amarelo pastel e preto para um contraste ousado e sofisticado.
Embora o amarelo pastel seja suave e sutil, ele pode entrar em conflito com:
- Amarelo mostarda (#E1AD01) pode fazer o amarelo pastel parecer desbotado devido ao seu calor.
- Marrom (#550000) pode sobrecarregar o tom delicado do amarelo pastel.
- Verde limão (#89F336) pode diminuir a suavidade do amarelo pastel, criando um esquema de cores visualmente opressor.
- Verde escuro (#013220) pode parecer muito pesado ao lado do amarelo pastel, sobrecarregando sua sensação leve e arejada.
- Roxo (#9D00FF) pode ser visualmente chocante devido à sua ousadia e intensidade.
Na psicologia das cores, o amarelo pastel evoca sentimentos de calma e alegria. Este tom inocente e leve é frequentemente um símbolo de felicidade e otimismo. Sua proximidade com o amarelo carrega o mesmo calor, mas sua tonalidade suave traz uma aparência mais delicada. Tons pastéis em geral podem induzir sensações de paz e serenidade.
Em diferentes culturas, a cor amarela tem muitos significados simbólicos. Na China, o amarelo é um símbolo de realeza e prosperidade. Na cultura hispânica, o amarelo simboliza vida e morte, visto de forma proeminente nas flores de cempasúchil usadas para decorar altares para entes queridos que faleceram.
O amarelo pastel traz tranquilidade e adiciona frescor e alegria aos designs modernos.
O amarelo pastel vem da cor primária amarela. A história do amarelo remonta aos tempos antigos, quando o pigmento ocre amarelo era usado para pintar o sol e as estrelas nas paredes das cavernas. Historicamente, o amarelo tem sido uma cor sagrada e está associado ao ouro.
A palavra “pastel” entrou na língua inglesa durante a década de 1660 e referia-se a pigmentos semelhantes a giz. Eventualmente, o significado de pastel evoluiu para abranger cores pálidas ou claras. Os pastéis se tornaram mais proeminentes durante o século XVIII, quando artistas os usavam para criar retratos e outras obras de arte.
Na cultura americana, as cores pastéis se tornaram populares na década de 1950, com o amarelo pastel sendo uma cor influente no design de interiores. O programa “Miami Vice” também desencadeou outra tendência pastel durante os anos 80, mostrando o uso dessas tonalidades tropicais, mas suaves, na moda e na arquitetura de Miami. Hoje, o amarelo pastel é frequentemente usado ao projetar produtos para bebês ou decorar quartos infantis devido à sua tonalidade suave e tranquila.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Campo de Trigo
Vale das Fadas
Amanhecer de Sorvete
Verificador de contraste
Contraste 1,18
- Texto grande
#FFEE8C
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 17,86
- Texto grande
#FFEE8C
- 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 #ffee8c, conhecida como Amarelo Pastel, tem valores RGB de R:255, G:238, B:140 e valores CMYK de C:0, M:7, Y:45, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffee8c | #ffee8c |
| RGB DECIMAL | 255, 238, 140 | RGB(255,238,140) |
| RGB PERCENTAGE | 100.0, 93.3, 54.9 | RGB(100.0%,93.3%,54.9%) |
| CMYK | 0, 7, 45, 0 | |
| HSL | HSL(51.1, 100.0%, 77.5%) | HSL(51.1, 100.0%, 77.5%) |
| HSV (OR HSB) | 51.1°, 45.1, 100.0 | |
| WEB SAFE | #255255153 | #255255153 |
| BINARY | 11111111, 11101110, 10001100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.933, blue: 0.549) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.933, blue: 0.549, alpha: 1) | |
| Android - Compose | Color(0xFFFFEE8C) |
