Damasco está situado entre o laranja e o amarelo na roda de cores, lembrando a tonalidade da fruta madura. Sua influência amarela traz um toque de otimismo e alegria, enquanto seu tom laranja confere uma energia sutil e calorosa.
Damasco é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFB27F
- Valor RGB: 100% vermelho, 69,8% verde e 49,8% 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 damasco em seus designs:
- Atraia atenção. Embora não seja tão visualmente impactante quanto o vermelho, damasco é uma ótima escolha de cor para guiar o olhar do usuário para mensagens de erro ou CTAs importantes, mantendo uma interface suave e convidativa.
- Ofereça feedback visual. Para elementos de UI que respondem à interação do usuário, como botões de alternância, sliders e caixas de seleção, use damasco para representar estados ativos. Isso sinaliza aos usuários que a função está “ligada” ou que o botão está selecionado.
- Crie uma atmosfera amigável. A disposição calorosa e alegre do damasco funciona bem para muitas indústrias que buscam criar uma interface de usuário convidativa, como aplicativos criativos, educacionais ou de saúde.
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 que o damasco, considere:
- Pêssego (#FFD3AC) parece um pouco mais claro, compartilhando as mesmas qualidades amarelo-laranja.
- Coral (#FF8559) é mais vibrante, mas oferece uma sensação convidativa semelhante.
- Laranja claro (#FFDBBB) compartilha um calor e energia semelhantes com uma aparência mais clara.
- Laranja pastel (#FFC067) tem mais influência do laranja com um nível de saturação semelhante ao damasco.
Para complementar o damasco, considere combiná-lo com:
- Azul claro (#90D5FF) é fresco, complementando o calor do damasco para um visual fresco e vibrante.
- Azul marinho (#000080) cria uma paleta de cores náutica que lembra férias de verão na costa.
- Azul menta (#98FBCB) tem tons frescos e refrescantes que proporcionam um contraste animado ao lado do damasco.
- Marfim (#FFFFE3) cria uma paleta de cores neutra que permite que a vivacidade do damasco se destaque.
Outras cores que valem a pena considerar incluem marrom para adicionar ao calor do damasco, lavanda para uma combinação suave e encantadora, ou branco para uma vibe fresca e arejada.
Embora o damasco seja suave, ele pode entrar em conflito com:
- Amarelo escuro (#BA8E23) pode criar uma combinação de cores turva e sem graça quando combinado com damasco.
- Rosa choque (#FF46A2) é vibrante e altamente saturado, o que pode conflitar com as qualidades suaves do damasco.
- Vermelhão (#E73121) pode parecer muito intenso e sobrecarregar a aparência suave do damasco.
- Laranja brilhante (#FF991C) compartilha um tom semelhante que pode criar pouco interesse visual ao lado do damasco.
Damasco simboliza otimismo, energia e felicidade. Ligado à fruta, também sugere doçura, frescor e vitalidade.
Na psicologia das cores, as qualidades calorosas e convidativas do damasco estimulam sentimentos de esperança e entusiasmo. Sua energia lúdica cria uma sensação de juventude e criatividade.
No design de UI, o damasco cria uma atmosfera amigável e acolhedora. Use-o como uma cor dominante para trazer energia e ludicidade às interfaces de usuário ou como uma tonalidade de destaque para adicionar uma infusão suave e sutil de calor.
A palavra “damasco” entrou na língua inglesa durante o século 16, derivada da palavra árabe “al-birquq”. Damasco foi registrado pela primeira vez como nome de cor para descrever a tonalidade da fruta em 1851, durante o surgimento dos corantes sintéticos. Em 1998, a Crayola incluiu damasco como uma cor permanente em sua gama de lápis de cera laranja.
Hoje, damasco é uma escolha popular na moda, design de interiores e design de UI para transmitir calor e adicionar um pouco de ludicidade. Também é uma cor sazonal popular, usada para evocar o frescor da primavera e do verão e a energia calorosa do outono.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Latte de Avelã
Pastagem Matinal
Cruzeiro ao Pôr do Sol
Verificador de contraste
Contraste 1,76
- Texto grande
#FFB27F
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 11,93
- Texto grande
#FFB27F
- 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 #ffb27f, conhecida como Damasco, tem valores RGB de R:255, G:178, B:127 e valores CMYK de C:0, M:30, Y:50, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffb27f | #ffb27f |
| RGB DECIMAL | 255, 178, 127 | RGB(255,178,127) |
| RGB PERCENTAGE | 100.0, 69.8, 49.8 | RGB(100.0%,69.8%,49.8%) |
| CMYK | 0, 30, 50, 0 | |
| HSL | HSL(23.9, 100.0%, 74.9%) | HSL(23.9, 100.0%, 74.9%) |
| HSV (OR HSB) | 23.9°, 50.2, 100.0 | |
| WEB SAFE | #255153102 | #255153102 |
| BINARY | 11111111, 10110010, 01111111 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.698, blue: 0.498) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.698, blue: 0.498, alpha: 1) | |
| Android - Compose | Color(0xFFFFB27F) |
