
Círculo cromático Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com pêssego?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre pêssego para inspirar seu próximo design.
Pêssego é um tom suave e delicado que combina tons de laranja e amarelo com um toque de rosa. Esta cor suave e quente está na seção vermelho-amarelo do círculo cromático, exalando frescor e feminilidade. Oferece uma presença calmante e reconfortante, ideal para designs que buscam ser acessíveis e tranquilos.

Pêssego é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFD3AC
- Valor RGB: 100% vermelho, 82,7% verde e 67,5% 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.
Para usar pêssego de forma eficaz no design de UI, considere estas abordagens:
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 quente e convidativo do pêssego, considere:
Para complementar os tons delicados do pêssego, considere combiná-lo com:
Outras cores que valem a pena considerar incluem cinza suave para um visual moderno e minimalista, bordô profundo para um contraste ousado e dramático, e dourado pálido para um toque de luxo sutil.
Embora o pêssego seja geralmente versátil, ele pode entrar em conflito com:
Em muitas culturas, o pêssego representa juventude e saúde, sugerindo renovação e vitalidade como o novo começo da primavera. Sua suavidade e calor transmitem conforto e cuidado. Também pode simbolizar sinceridade e afeto. Na psicologia das cores, a energia suave do pêssego incentiva a abertura e o espírito comunitário. É visto como acolhedor, ajudando a aliviar o estresse ou a mudança com compaixão e empatia.
No design de UI/UX, o pêssego pode funcionar para criar uma interface amigável e acessível. Sua suavidade e calor convidam ao engajamento do usuário—ideal para plataformas que promovem interações positivas e comunidade. A conexão desta cor com juventude, saúde e renovação pode ajudar a criar experiências frescas e inovadoras.
Na antiga China, a cor e a fruta simbolizavam a imortalidade devido à associação da árvore de pêssego com longevidade. À medida que essas crenças se espalharam ao longo da Rota da Seda, o pêssego influenciou a arte e o simbolismo em todo o mundo. Durante o Renascimento, artistas como Sandro Botticelli em "O Nascimento de Vênus" usaram tons de pêssego para trazer um calor e suavidade realistas às suas obras.
O século 19 viu o pêssego se popularizar em interiores e moda vitorianos e eduardianos como símbolo de modéstia e inocência. Com os corantes sintéticos no século 20, o pêssego tornou-se um elemento básico em bens de consumo, design gráfico e branding por sua natureza calorosa e convidativa.
Um momento notável na história moderna do pêssego foi a introdução de um iMac na cor pêssego pela Apple no final dos anos 1990.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Chá da Manhã
Céus da Ilha
Pêssego Fresco
Contraste 1,38
#FFD3AC
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 15,17
#FFD3AC
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ffd3ac, conhecida como pêssego, tem valores RGB de R:255, G:211, B:172 e valores CMYK de C:0, M:17, Y:33, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffd3ac | #ffd3ac |
| RGB DECIMAL | 255, 211, 172 | RGB(255,211,172) |
| RGB PERCENTAGE | 100.0, 82.7, 67.5 | RGB(100.0%,82.7%,67.5%) |
| CMYK | 0, 17, 33, 0 | |
| HSL | HSL(28.2, 100.0%, 83.7%) | HSL(28.2, 100.0%, 83.7%) |
| HSV (OR HSB) | 28.2°, 32.5, 100.0 | |
| WEB SAFE | #255204153 | #255204153 |
| BINARY | 11111111, 11010011, 10101100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.827, blue: 0.675) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.827, blue: 0.675, alpha: 1) | |
| Android - Compose | Color(0xFFFFD3AC) |

Quer encontrar as cores complementares ou análogas perfeitas para combinar com pêssego?

Saiba mais sobre a cor laranja-claro.

Saiba mais sobre bege.