Laranja pastel é um tom mais claro e suave do laranja puro. Transmite o mesmo calor e energia do laranja, mas de forma menos intensa. O laranja pastel tem baixa saturação, o que significa que o pigmento laranja puro é misturado com branco ou cinza para criar uma cor mais suave e menos vibrante. Este tom de laranja claro evoca a paz de um pôr do sol suave em uma noite de verão.
O laranja pastel é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFC067
- Valor RGB: 100% vermelho, 75,3% verde e 40,4% 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 laranja pastel em seus designs:
- Evocar sensações de relaxamento. A suavidade do laranja pastel evoca calor e serenidade, tornando-o perfeito para aplicativos ou sites de bem-estar, viagens ou sociais.
- Atraia a atenção para elementos. O laranja pastel não é ousado, mas você ainda pode usá-lo para destacar elementos específicos no seu design de UI, incluindo botões ou CTAs.
- Crie contraste. Como o laranja pastel é claro, combina bem com cores mais escuras, como cinza escuro ou preto, para criar contraste entre o texto e o fundo.
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 claro do laranja pastel, considere:
- Laranja claro (#FFDBBB) é vizinho do laranja pastel na roda de cores, criando um tom claro e alegre.
- Amarelo pastel (#FFEE8C) compartilha os mesmos tons pálidos e suaves do laranja pastel, mas na versão amarela.
- Pêssego (#FFD3AC) tem uma aparência harmoniosa semelhante ao laranja pastel, mas com uma mistura de amarelo.
- Coral (#FF8559) é um tom rosa-alaranjado saturado que irradia a brincadeira do laranja pastel.
Para complementar o charme do laranja pastel, considere combiná-lo com:
- Creme (#FDFBD4) fornece uma base limpa e calma, permitindo que o laranja pastel brilhe.
- Verde menta (#ADEBB3) cria uma atmosfera tranquila e serena para combinar com as qualidades relaxantes do laranja pastel.
- Coral (#FF8559) complementa o calor e a alegria do laranja pastel para criar designs lúdicos e convidativos.
- Verde-azulado (#069494) ajuda a criar uma sensação moderna ou energética com sua ousadia — apenas certifique-se de usá-lo com moderação para não sobrecarregar a leveza do laranja pastel.
Outras cores que valem a pena considerar incluem cinza frio para um visual suave e equilibrado, amarelo pastel para realçar a alegria, e azul pastel para combinar com a tranquilidade da leveza do laranja pastel.
Embora o laranja pastel seja alegre, ele pode entrar em conflito com:
- Escarlate (#ED2100) pode criar um contraste chocante ao lado da suavidade do laranja pastel.
- Azul marinho (#000080) é um tom profundo que cria um contraste severo contra o calor do laranja pastel.
- Branco (#FFFFFF) cria um contraste marcante que pode sobrecarregar a leveza do laranja pastel.
- Marrom (#895129) cria uma aparência turva e desconexa quando combinado com laranja pastel.
O laranja pastel simboliza gentileza, calor e criatividade. A natureza suave do laranja pastel está associada a novos começos e a uma sensação de segurança.
Na psicologia das cores, as qualidades calmas e acolhedoras do laranja pastel evocam sensações de relaxamento, otimismo e estimulação suave, semelhante a um pôr do sol de verão.
Para o design de UI/UX, o laranja pastel oferece acessibilidade. Quando usado para destacar elementos ou construir uma interface amigável, o laranja pastel adiciona um toque de calma.
O laranja pastel não tem uma longa história documentada em comparação com outras cores como malva ou carmesim. Cores pastéis são versões suavizadas de cores existentes e não eram prevalentes até os séculos XVIII ou XIX.
Curiosamente, a palavra "laranja" vem na verdade da própria fruta, e não o contrário. Não foi até o final do século XVI que "laranja" começou a ser usado como um termo de cor. Antes disso, as pessoas usavam frases descritivas como "amarelo-avermelhado" para se referir a esse tom específico.
Hoje, o laranja pastel é usado ao projetar produtos para evocar paz, calma e uma atmosfera relaxante.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Sandstone Creek
Praias da Califórnia
Pôr do Sol de Açafrão
Verificador de contraste
Contraste 1,62
- Texto grande
#FFC067
- 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,99
- Texto grande
#FFC067
- 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 #ffc067, conhecida como Laranja Pastel, tem valores RGB de R:255, G:192, B:103 e valores CMYK de C:0, M:25, Y:60, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffc067 | #ffc067 |
| RGB DECIMAL | 255, 192, 103 | RGB(255,192,103) |
| RGB PERCENTAGE | 100.0, 75.3, 40.4 | RGB(100.0%,75.3%,40.4%) |
| CMYK | 0, 25, 60, 0 | |
| HSL | HSL(35.1, 100.0%, 70.2%) | HSL(35.1, 100.0%, 70.2%) |
| HSV (OR HSB) | 35.1°, 59.6, 100.0 | |
| WEB SAFE | #255204102 | #255204102 |
| BINARY | 11111111, 11000000, 01100111 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.753, blue: 0.404) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.753, blue: 0.404, alpha: 1) | |
| Android - Compose | Color(0xFFFFC067) |
