Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com Melão?
Melão é uma cor clara e alegre que mistura tons de rosa e laranja. Ela se posiciona entre o laranja e o rosa na roda de cores, oferecendo uma vibração suave e refrescante. Tons semelhantes ao pêssego e ao cantaloupe se encaixam nessa gama. Use melão em designs para uma sensação fresca e amigável.
Melão é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #FDBCB4
- Valor RGB: 99,2% vermelho, 73,7% verde, 70,6% 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 variações dentro do mesmo espectro que o Melão, considere:
- Damasco (#ffb27f): Suave e quente, o damasco oferece um tom semelhante ao pôr do sol que captura os suaves tons de pêssego do melão.
- Pêssego (#ffd3ac): Com seu tom claro e cremoso, o pêssego reflete a qualidade suave e tranquilizante da paleta de cores do melão.
- Laranja Pastel (#ffc067): Este laranja suave e atenuado compartilha o calor delicado do melão, ecoando sua sutileza vibrante.
- Laranja Claro (#ffdbbb): Laranja claro oferece um brilho suave e iluminado, refletindo a frescura e o brilho suave do melão.
Para complementar o Melão, considere combiná-lo com:
- Verde-azulado (#069494): Esta cor proporciona um contraste fresco ao Melão, introduzindo um equilíbrio calmante e dinâmico.
- Verde Floresta (#2e6f40): Os tons profundos e terrosos do verde floresta equilibram a leveza do Melão, criando uma paleta natural harmoniosa.
- Pêssego (#ffd3ac): Um tom suave e claro que complementa a natureza vibrante do melão enquanto mantém uma atmosfera serena.
- Lilás (#a47dab): Este roxo suave introduz um toque delicado e encantador que combina bem com a energia lúdica do Melão.
Embora o Melão seja um tom suave e pêssego, ele pode entrar em conflito com:
- Vermelho Pimenta (#cd1c18): O calor intenso do vermelho pimenta pode sobrecarregar o tom suave do Melão, criando uma combinação desequilibrada.
- Rosa Neon (#ff13f0): A alta energia e o brilho do rosa neon podem entrar em conflito com a suavidade do Melão, levando a uma combinação avassaladora.
- Verde Menta (#adebb3): O verde menta pode contrastar de forma muito acentuada com o Melão, resultando em uma combinação visualmente desconexa.
- Azul Real (#305cde): A natureza profunda e fria do azul real pode contrastar fortemente com a qualidade quente e leve do Melão, criando uma falta de harmonia.
- Amarelo Brilhante (#ffed29): A vivacidade do amarelo brilhante pode entrar em conflito com a sutileza do Melão, resultando em uma combinação muito intensa e sem sutileza.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Creme de Canela
Surf de Coral
Brisa de Coral
Verificador de contraste
Contraste 1,61
- Texto grande
#FDBCB4
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 13,03
- Texto grande
#FDBCB4
- 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 #FDBCB4, conhecida como Melão, tem valores RGB de R:253, G:188, B:180 e valores CMYK de C:0, M:26, Y:29, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #FDBCB4 | #FDBCB4 |
| RGB DECIMAL | 253, 188, 180 | RGB(253,188,180) |
| RGB PERCENTAGE | 99.2, 73.7, 70.6 | RGB(99.2%,73.7%,70.6%) |
| CMYK | 0, 26, 29, 1 | |
| HSL | HSL(6.6, 94.8%, 84.9%) | HSL(6.6, 94.8%, 84.9%) |
| HSV (OR HSB) | 6.6°, 28.9, 99.2 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11111101, 10111100, 10110100 | |
| iOS - SwiftUI | Color(red: 0.992, green: 0.737, blue: 0.706) | |
| iOS - UIKit | UIColor(red: 0.992, green: 0.737, blue: 0.706, alpha: 1) | |
| Android - Compose | Color(0xFFFDBCB4) |
