Framboesa é uma cor vibrante e energética que combina rosa e vermelho. Ela se posiciona entre o vermelho e o magenta na roda de cores. Este tom ousado é perfeito para fazer uma declaração. Tons relacionados incluem fúcsia e berry. Use framboesa para adicionar um toque de empolgação em designs lúdicos.
Framboesa é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #E30B5D
- Valor RGB: 89,0% vermelho, 4,3% verde, 36,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 Web.
Para variações dentro do mesmo espectro que Framboesa, considere:
- Cereja (#d20a2e): Captura a essência vibrante e suculenta de uma framboesa madura, espelhando seus ricos tons de vermelho.
- Rosa Escuro (#c11c84): Reflete os tons de rosa profundo e exuberante encontrados nas framboesas, oferecendo um tom ousado inspirado em frutas.
- Vermelho Sangue (#780606): Compartilha o vermelho intenso e concentrado encontrado no núcleo da framboesa, ecoando sua ousadia e profundidade.
- Vermelho Rosado (#fa003f): Abraça a natureza brilhante e vívida de uma framboesa, destacando seu apelo animado e atraente.
Para complementar Framboesa, considere combiná-la com:
- Verde Menta (#ADEBB3): Sua natureza fresca e calmante equilibra o calor da Framboesa, criando uma paleta fresca e harmoniosa.
- Creme (#FDFBD4): Este tom neutro oferece um contraste suave, permitindo que a Framboesa se destaque enquanto mantém a elegância.
- Dourado (#EFBF04): Adiciona riqueza e vivacidade, realçando a ousadia da Framboesa com um toque de luxo.
- Azul Marinho (#000080): Proporciona um contraste profundo e sofisticado, destacando o tom vívido da Framboesa e adicionando profundidade.
- Rosa Suave (#E89EB8): Complementa a Framboesa com um toque suave e romântico, mantendo o interesse visual.
Enquanto Framboesa é um tom vibrante de rosa profundo, ela pode entrar em conflito com:
- Vermelho Pimenta (#CD1C18): Próximo em intensidade à Framboesa, criando uma falta de contraste que pode fazer os designs parecerem planos.
- Escarlate (#ED2100): Seu tom vermelho ousado pode sobrepujar a Framboesa, fazendo a combinação parecer agressiva aos olhos.
- Verde Neon (#2CFF05): Este verde brilhante e vibrante cria um contraste chocante com a Framboesa, levando a um efeito visual discordante.
- Vermelho Sangue (#780606): O vermelho profundo e intenso pode competir com o rosa vibrante da Framboesa, resultando em um visual visualmente pesado e desequilibrado.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Flores de Berry
Fúcsia Aqua
Éden Neon
Verificador de contraste
Contraste 4,7
- Texto grande
#E30B5D
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 4,47
- Texto grande
#E30B5D
- 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 #E30B5D, conhecida como Framboesa, tem valores RGB de R:227, G:11, B:93 e valores CMYK de C:0, M:95, Y:59, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #E30B5D | #E30B5D |
| RGB DECIMAL | 227, 11, 93 | RGB(227,11,93) |
| RGB PERCENTAGE | 89.0, 4.3, 36.5 | RGB(89.0%,4.3%,36.5%) |
| CMYK | 0, 95, 59, 11 | |
| HSL | HSL(337.2, 90.8%, 46.7%) | HSL(337.2, 90.8%, 46.7%) |
| HSV (OR HSB) | 337.2°, 95.2, 89.0 | |
| WEB SAFE | #2040102 | #2040102 |
| BINARY | 11100011, 00001011, 01011101 | |
| iOS - SwiftUI | Color(red: 0.890, green: 0.043, blue: 0.365) | |
| iOS - UIKit | UIColor(red: 0.890, green: 0.043, blue: 0.365, alpha: 1) | |
| Android - Compose | Color(0xFFE30B5D) |
