A melancia é uma mistura vibrante e alegre de rosa e verde. Ela se posiciona entre o vermelho e o rosa na roda de cores. Imagine o rosa suculento de sua polpa e o verde fresco de sua casca. Tons relacionados incluem coral e menta. Use a cor melancia para um toque divertido e animado em designs de verão.
A melancia é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #FC6C85
- Valor RGB: 98,8% vermelho, 42,4% verde, 52,2% azul
Considerações de acessibilidade são fundamentais na escolha de cores para design de UX e UI. O 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 da Melancia, considere:
- coral (#ff8559): Compartilha o calor e as vibrações tropicais da melancia com seu tom suave de laranja-avermelhado.
- rosa blush (#ff7782): Ecoa os tons brincalhões de rosa da melancia com um tom suave e rosado.
- rosa claro (#ffb5c0): Captura a essência leve e alegre da melancia em um rosa fresco e arejado.
- vermelhão (#e73121): Oferece um tom mais ousado e avermelhado, lembrando a energia vibrante da melancia.
Para complementar a Melancia, considere combiná-la com:
- Verde Menta (#ADEBB3): Os tons suaves e frios do verde menta equilibram a vivacidade da Melancia, criando uma combinação refrescante e animada.
- Coral (#FF8559): O coral compartilha a energia da Melancia, mas oferece um tom ligeiramente mais quente, adicionando profundidade e harmonia à sua paleta de cores.
- Azul Céu (#82C8E5): O azul céu introduz um fundo calmo e sereno, permitindo que o tom animado da Melancia se destaque sem sobrecarregar os sentidos.
- Creme (#FDFBD4): A suavidade neutra do creme proporciona um contraste sutil, destacando a ousadia da Melancia enquanto garante um visual coeso.
Embora a melancia seja brilhante e refrescante, ela pode entrar em conflito com:
- Verde Neon (#2CFF05): A alta saturação e brilho do verde neon podem sobrecarregar a melancia, criando um efeito visual agressivo.
- Amarelo-Verde (#CCFF00): A vibrância acentuada do amarelo-verde pode ofuscar os tons mais suaves da melancia, resultando em uma paleta discordante.
- Amarelo Brilhante (#FFED29): A intensa saturação do amarelo brilhante compete com a vivacidade da melancia, tornando ambas as cores visualmente dominantes.
- Ciano (#00FFFF): O tom frio do ciano contrasta fortemente com o tom quente da melancia, levando a uma combinação de cores instável.
- Água (#00FFF0): O brilho do aqua pode entrar em conflito com o calor natural da melancia, criando um efeito visualmente chocante.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Petal Sizzle
Tropic Bubblegum
Punchy Zen
Verificador de contraste
Contraste 2,75
- Texto grande
#FC6C85
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 7,62
- Texto grande
#FC6C85
- 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 #FC6C85, conhecida como Melancia, tem valores RGB de R:252, G:108, B:133 e valores CMYK de C:0, M:57, Y:47, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #FC6C85 | #FC6C85 |
| RGB DECIMAL | 252, 108, 133 | RGB(252,108,133) |
| RGB PERCENTAGE | 98.8, 42.4, 52.2 | RGB(98.8%,42.4%,52.2%) |
| CMYK | 0, 57, 47, 1 | |
| HSL | HSL(349.6, 96.0%, 70.6%) | HSL(349.6, 96.0%, 70.6%) |
| HSV (OR HSB) | 349.6°, 57.1, 98.8 | |
| WEB SAFE | #255102153 | #255102153 |
| BINARY | 11111100, 01101100, 10000101 | |
| iOS - SwiftUI | Color(red: 0.988, green: 0.424, blue: 0.522) | |
| iOS - UIKit | UIColor(red: 0.988, green: 0.424, blue: 0.522, alpha: 1) | |
| Android - Compose | Color(0xFFFC6C85) |
