El melón es un color claro y alegre que mezcla tonos de rosa y naranja. Se sitúa entre el naranja y el rosa en la rueda de colores, ofreciendo una vibra suave y refrescante. Tonos similares al durazno y al melón cantalupo encajan en este rango. Usa el melón en diseños para un ambiente fresco y amigable.
El melón se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #FDBCB4
- Valor RGB: 99.2% rojo, 73.7% verde, 70.6% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines
Para variaciones dentro del mismo espectro que el melón, considera:
- Albaricoque (#ffb27f): Suave y cálido, el albaricoque ofrece un tono similar al atardecer que captura los matices melocotón del melón.
- Durazno (#ffd3ac): Con su tono claro y cremoso, el durazno refleja la calidad suave y apacible de la paleta de colores del melón.
- Naranja pastel (#ffc067): Este naranja suave y apagado comparte la calidez delicada del melón, reflejando su sutil vibración.
- Naranja claro (#ffdbbb): El naranja claro ofrece un resplandor tenue y soleado, reflejando la frescura y brillo suave del melón.
Para complementar el melón, considera emparejarlo con:
- Verde petróleo (#069494): Este color proporciona un contraste fresco al melón, introduciendo un equilibrio calmante pero dinámico.
- Verde bosque (#2e6f40): Los tonos profundos y terrosos del verde bosque equilibran la ligereza del melón, creando una paleta natural armoniosa.
- Durazno (#ffd3ac): Un tono suave y claro que complementa la naturaleza vibrante del melón mientras mantiene una atmósfera serena.
- Lila (#a47dab): Este suave púrpura introduce un toque delicado y caprichoso que combina bien con la energía juguetona del melón.
Aunque el melón es un tono suave y melocotón, puede chocar con:
- Rojo chile (#cd1c18): La intensa calidez del rojo chile puede abrumar el tono suave del melón, creando una combinación desequilibrada.
- Rosa neón (#ff13f0): La alta energía y brillo del rosa neón pueden chocar con la suavidad del melón, llevando a una combinación abrumadora.
- Verde menta (#adebb3): El verde menta puede contrastar demasiado con el melón, resultando en una combinación visualmente disonante.
- Azul real (#305cde): La naturaleza profunda y fresca del azul real puede contrastar marcadamente con la calidez y ligereza del melón, creando una falta de armonía.
- Amarillo brillante (#ffed29): La vibración del amarillo brillante puede chocar con la sutileza del melón, resultando en una combinación demasiado intensa y carente de sutileza.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Crema de canela
Surf de coral
Brisa de coral
Verificador de contraste
Contraste 1,61
- Texto grande
#FDBCB4
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 13,03
- Texto grande
#FDBCB4
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #FDBCB4, también conocido como Melón, tiene valores RGB de R:253, G:188, B:180 y 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) |
