Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con Sandía?
La sandía es una mezcla vibrante y alegre de rosa y verde. Se sitúa entre el rojo y el rosa en la rueda de colores. Imagina el jugoso rosa de su pulpa y el fresco verde de su cáscara. Tonos relacionados incluyen coral y menta. Usa sandía para un toque divertido y animado en diseños de verano.
La sandía se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #FC6C85
- Valor RGB: 98.8% rojo, 42.4% verde, 52.2% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Para variaciones dentro del mismo espectro que la Sandía, considera:
- coral (#ff8559): Comparte la calidez y las vibraciones tropicales de la sandía con su suave tono rojizo-anaranjado.
- rosa rubor (#ff7782): Refleja los tonos rosados y juguetones de la sandía con un suave tono rosado.
- rosa claro (#ffb5c0): Captura la esencia ligera y alegre de la sandía en un rosa fresco y aireado.
- bermellón (#e73121): Ofrece un tono más audaz y rojizo que recuerda la energía vibrante de la sandía.
Para complementar la Sandía, considera combinarla con:
- Verde Menta (#ADEBB3): Los tonos suaves y frescos del verde menta equilibran la vibrante sandía, creando una combinación refrescante y animada.
- Coral (#FF8559): El coral comparte la energía de la sandía pero ofrece un tono ligeramente más cálido, añadiendo profundidad y armonía a tu paleta de colores.
- Azul Cielo (#82C8E5): El azul cielo introduce un fondo calmante y sereno, permitiendo que el tono animado de la sandía destaque sin abrumar los sentidos.
- Crema (#FDFBD4): La suavidad neutral de la crema proporciona un contraste sutil, destacando la audacia de la sandía mientras asegura un aspecto cohesivo.
Aunque la sandía es brillante y refrescante, puede chocar con:
- Verde Neón (#2CFF05): La alta saturación y brillo del verde neón pueden abrumar a la sandía, creando un efecto visual fuerte.
- Amarillo-Verde (#CCFF00): La vibrante intensidad del amarillo-verde puede eclipsar los tonos más suaves de la sandía, resultando en una paleta discordante.
- Amarillo Brillante (#FFED29): La intensa saturación del amarillo brillante compite con la vivacidad de la sandía, haciendo que ambos colores sean visualmente abrumadores.
- Cian (#00FFFF): El tono frío del cian contrasta fuertemente con el cálido tono de la sandía, llevando a una combinación de colores inestable.
- Aqua (#00FFF0): El brillo del aqua puede chocar con la calidez natural de la sandía, creando un efecto visual discordante.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Petal Sizzle
Tropic Bubblegum
Punchy Zen
Comprobador de contraste
Contraste 2,75
- Texto largo
#FC6C85
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 7,62
- Texto largo
#FC6C85
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #FC6C85, también llamado Sandía, tiene valores RGB de R:252, G:108, B:133 y 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) |
