Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el Cereza?
El cereza es un color rojo-rosado vibrante. Posicionado entre el rosa y el rojo en la rueda de colores, este tono audaz se siente animado y divertido. Está cerca de los tonos fucsia y frambuesa. En el diseño, usa el cereza para añadir energía y vitalidad, perfecto para temas lúdicos o modernos.
El cereza se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #DE3163
- Valor RGB: 87.1% rojo, 19.2% verde, 38.8% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
Para variaciones dentro del mismo espectro que el Cereza, considera:
- Rosa Neón (#ff13f0): Comparte un tono vibrante y eléctrico, reflejando la audacia e intensidad del cereza con una similar vivacidad rosada.
- Rosa Fuerte (#ff46a2): Ofrece un tono rosado vivo e impactante, estrechamente alineado con el cereza en sus características vívidas y brillantes.
- Rojo Rosado (#fa003f): Exhibe una mezcla intensa de rojo y rosa, manteniendo el estilo atrevido y llamativo del cereza a través de su saturación vívida.
- Magenta (#fd3db5): Presenta un tono rosado-púrpura vívido, canalizando la naturaleza energética y juguetona del cereza en su expresión de color animada.
Para complementar el Cereza, considera emparejarlo con:
- Verde Menta (#ADEBB3): Este tono fresco y frío contrasta con la audacia del Cereza, creando una paleta vibrante y vigorizante.
- Azul Polvo (#B8E3E9): Su naturaleza suave y calmante equilibra la energía del Cereza, aportando armonía al diseño general.
- Gris Claro (#D3D3D3): La neutralidad del gris claro permite que el tono vívido del Cereza destaque, añadiendo sofisticación.
- Rosa Suave (#E89EB8): Este tono delicado se alinea con la vivacidad del Cereza mientras proporciona un aspecto matizado y juguetón.
- Champán (#F7E6CA): Los tonos cálidos del Champán ofrecen un contraste suave, destacando la presencia dinámica del Cereza.
Aunque el Cereza es vibrante y juguetón, puede chocar con:
- Rojo (#FF2C2C): Este rojo brillante comparte la intensidad del Cereza, llevando a una falta de profundidad cuando se combinan.
- Verde Neón (#2CFF05): Choca con la vivacidad del Cereza, resultando en un contraste visualmente discordante.
- Rojo Carmesí (#B22222): Ambos colores son profundos e intensos, pero sus tonos similares pueden crear monotonía visual.
- Amarillo Mostaza (#FFCE1B): Este amarillo audaz compite con el Cereza, creando una paleta de colores conflictiva.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Brasa Rosa
Salsa Eléctrica
Sol Fucsia
Comprobador de contraste
Contraste 4,44
- Texto largo
#DE3163
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Contraste 4,73
- Texto largo
#DE3163
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #DE3163, también llamado Cereza, tiene valores RGB de R:222, G:49, B:99 y valores CMYK de C:0, M:78, Y:55, K:13.
| VALUE | CSS | |
|---|---|---|
| HEX | #DE3163 | #DE3163 |
| RGB DECIMAL | 222, 49, 99 | RGB(222,49,99) |
| RGB PERCENTAGE | 87.1, 19.2, 38.8 | RGB(87.1%,19.2%,38.8%) |
| CMYK | 0, 78, 55, 13 | |
| HSL | HSL(342.7, 72.4%, 53.1%) | HSL(342.7, 72.4%, 53.1%) |
| HSV (OR HSB) | 342.7°, 77.9, 87.1 | |
| WEB SAFE | #20451102 | #20451102 |
| BINARY | 11011110, 00110001, 01100011 | |
| iOS - SwiftUI | Color(red: 0.871, green: 0.192, blue: 0.388) | |
| iOS - UIKit | UIColor(red: 0.871, green: 0.192, blue: 0.388, alpha: 1) | |
| Android - Compose | Color(0xFFDE3163) |
