Cereja é um tom de vermelho profundo com um leve subtom rosa, lembrando a fruta que lhe dá nome. Ela se posiciona entre o vermelho e o violeta na roda de cores, exalando qualidades sofisticadas e sérias.
Cereja é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #D20A2E
- Valor RGB: 82,4% vermelho, 3,9% verde e 18% azul
Considerações de acessibilidade desempenham um papel fundamental 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 cereja em seus designs:
- Destaque elementos importantes. Use o tom marcante de cereja para chamar a atenção para elementos de UI como CTAs e botões de compra. Reserve essa cor para interações e acentos chave para evitar sobrecarregar os usuários.
- Transmita luxo. Os tons frios de cereja criam uma sensação mais suave do que outros tons vibrantes de vermelho. É uma ótima escolha para marcas de alto padrão que desejam um design chamativo, mas elegante.
- Desperte confiança. A mistura de vermelho com subtom rosa evoca sentimentos de confiança e autoridade. Use cereja em vez de cores mais energéticas para um design mais acessível.
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 vibrante que cereja, considere:
- Bordô (#550000) é um vermelho mais profundo com subtom marrom, trazendo uma qualidade mais reconfortante.
- Borgonha (#660033) compartilha as qualidades sofisticadas de cereja, mas é mais escura e próxima do roxo.
- Vermelho carmesim (#B22222) parece mais frio e mais suave do que cereja.
- Vermelho rosa (#FA003F) é mais vívido e ideal para uma sensação lúdica e energizante.
Para complementar cereja, considere combiná-la com:
- Turquesa (#40E0D0) contrasta com os tons escuros de cereja para uma sensação serena e refrescante.
- Azul claro (#90D5FF) suaviza a vivacidade de cereja para criar uma paleta calma e arejada.
- Dourado (#EFBF04) complementa a natureza sofisticada de cereja para um design elegante e dinâmico.
- Branco (#FFFFFF) fornece um fundo contrastante para fazer cereja parecer mais brilhante.
Outras cores que valem a pena considerar incluem cinza claro para criar um fundo neutro, azul marinho para uma paleta de cores poderosa, e amarelo mostarda para uma combinação divertida.
Embora cereja seja profunda, ela pode entrar em conflito com:
- Amarelo-verde (#CCFF00) é uma cor intensa que pode criar um contraste chocante e avassalador quando combinada com cereja.
- Pêssego (#FFD3AC) é uma cor suave e delicada que pode ser ofuscada pela saturação de cereja.
- Escarlate (#ED2100) é um vermelho mais quente que pode entrar em conflito com o tom mais frio de cereja.
- Ciano (#00FFFF) é um azul brilhante que pode competir com cereja por atenção e criar uma sensação desequilibrada.
Cereja simboliza autoridade, amor e paixão. Também carrega conotações de sofisticação, refinamento, confiança e poder.
Na psicologia das cores, cereja evoca força, motivação e desejo. Sua natureza brilhante inspira ação e convicção.
No design de UI, cereja é uma cor estimulante que chama a atenção para recursos e interações chave, como CTAs ou notificações. Sua associação com autoridade pode infundir os designs com sentimentos de confiabilidade e confiança.
A primeira referência conhecida a “cereja” como uma cor foi no final dos anos 1500 nos escritos de J. Dickenson. Desde então, cereja apareceu em várias indústrias, incluindo moda, design de interiores e automotiva.
A Oldsmobile produziu seus últimos 500 Aleros em 2004 com pintura vermelha cereja metálica. A Porsche também criou um modelo especial Cherry Metallic 911 em 2020. Mais recentemente, cereja ressurgiu como uma cor de destaque para a temporada de moda outono 2023 e é uma cor em tendência no design de interiores.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Beijo de Cereja
Cinético
Torta de Framboesa
Verificador de contraste
Contraste 5,49
- Texto grande
#D20A2E
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 3,82
- Texto grande
#D20A2E
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #d20a2e, conhecida como Cor cereja, tem valores RGB de R:210, G:10, B:46 e valores CMYK de C:0, M:95, Y:78, K:18.
| VALUE | CSS | |
|---|---|---|
| HEX | #d20a2e | #d20a2e |
| RGB DECIMAL | 210, 10, 46 | RGB(210,10,46) |
| RGB PERCENTAGE | 82.4, 3.9, 18.0 | RGB(82.4%,3.9%,18.0%) |
| CMYK | 0, 95, 78, 18 | |
| HSL | HSL(349.2, 90.9%, 43.1%) | HSL(349.2, 90.9%, 43.1%) |
| HSV (OR HSB) | 349.2°, 95.2, 82.4 | |
| WEB SAFE | #204051 | #204051 |
| BINARY | 11010010, 00001010, 00101110 | |
| iOS - SwiftUI | Color(red: 0.824, green: 0.039, blue: 0.180) | |
| iOS - UIKit | UIColor(red: 0.824, green: 0.039, blue: 0.180, alpha: 1) | |
| Android - Compose | Color(0xFFD20A2E) |
