El rosa oscuro combina la dulzura del rosa tradicional con un tono más atrevido, añadiendo un giro único. Este tono más profundo y audaz encarna una sensación de confianza, pasión y energía, manteniendo a la vez un ambiente juguetón y juvenil.
El rosa oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #C11C84
- Valor RGB: 75.7% rojo, 11% verde y 51.8% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el 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 Contenidos Web.
Aquí hay algunas formas de usar el rosa oscuro en tus diseños:
- Crea una sensación lúdica. La audacia del rosa oscuro inyecta energía y personalidad en tu interfaz, haciéndolo un tono ideal para audiencias más jóvenes.
- Evoca sentimientos de pasión. El rosa oscuro provoca sentimientos de amor debido a su sofisticación y tonos más audaces, haciéndolo ideal para aplicaciones de citas o sitios de lencería de lujo.
- Atrae la atención. Aprovecha la naturaleza llamativa del rosa oscuro para resaltar botones, notificaciones y otras secciones clave.
Ten en cuenta que el color y su significado pueden cambiar de cultura a cultura, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro lúdico que el rosa oscuro, considera:
- Fucsia (#FF00FF) es un tono más frío que comparte la misma intensidad y sensación energética que el rosa oscuro, pero se inclina más hacia el púrpura.
- Magenta (#FD3DB5) es un tono rosado-púrpura que comparte la vibra juvenil del rosa oscuro.
- Rosa (#FF1D8D) es un tono más claro y suave que el rosa oscuro, pero igualmente romántico y caprichoso.
- Rosa (#FF8DA1) es un tono más suave y delicado que el rosa oscuro.
Para complementar el rosa oscuro, considera combinarlo con:
- Blanco (#FFFFFF) es un color neutro atemporal que ofrece un contraste limpio y calmante a la audacia del rosa oscuro.
- Carbón (#4A4A4A) ofrece un aspecto moderno y sofisticado cuando se combina con rosa oscuro.
- Verde menta (#ADEBB3) equilibra la calidez del rosa oscuro para producir un aspecto fresco y energético.
- Oro (#EFBF04) añade un toque de sofisticación y glamour cuando se combina con rosa oscuro, transmitiendo una sensación de exclusividad.
Otros colores que vale la pena considerar incluyen azul marino para capitalizar la lujosa del rosa oscuro, amarillo para una sensación vibrante y energética, y gris claro para atenuar la saturación del rosa oscuro.
Aunque el rosa oscuro es audaz, puede chocar con:
- Rojo (#FF2C2C) compite con el rosa oscuro porque son parte de la misma familia de colores.
- Marrón (#895129) combinado con rosa oscuro crea una apariencia turbia o apagada, especialmente en áreas grandes.
- Verde neón (#2CFF05) choca con la naturaleza cálida y juguetona del rosa oscuro.
- Amarillo mostaza (#FFCE1B) lucha por el dominio cuando se combina con rosa oscuro.
- Naranja oscuro (#C76E00) puede ser visualmente abrumador cuando se combina con rosa oscuro debido a su similar saturación.
El rosa oscuro hereda la diversión y juventud del rosa, pero gana una capa de confianza, pasión y energía de la influencia del rojo. El rosa oscuro tiene un significado histórico desde el movimiento por el sufragio femenino, simbolizando una lucha por la igualdad y un desafío a los roles de género tradicionales.
En la psicología del color, el rosa oscuro evoca emociones positivas, como alegría, felicidad y emoción. Los matices rojos añaden un toque de energía y pasión, mientras que la base rosa mantiene las cosas juguetonas y accesibles. Este color también puede fomentar la creatividad y estimular la conversación.
En diseño UI, la audacia del rosa oscuro lo hace perfecto para resaltar elementos importantes como botones de llamada a la acción. También inyecta una sensación lúdica y juvenil, ideal para interfaces dirigidas a audiencias más jóvenes o que promueven actividades divertidas. La asociación del rosa oscuro con emociones positivas también lo convierte en una buena opción para marcas de romance y belleza.
El rosa oscuro no era inicialmente un término de color específico. Alrededor del 800 a.C., “La Odisea” de Homero usó una palabra traducida como “amanecer de dedos rosados”, mostrando cierta conciencia del rango de colores.
“Rosa oscuro” surgió como un término distinto en el siglo XVIII o XIX, solidificando el vínculo entre el color y su nombre.
Hoy en día, el rosa oscuro se usa en la moda como un color de declaración, expresión artística en metalurgia y como un acento en el diseño.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Carnaval de Amor
Pop Noveau
Vogue Vívida
Comprobador de contraste
Contraste 5,58
- Texto largo
#C11C84
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,77
- Texto largo
#C11C84
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #c11c84, también llamado Rosa oscuro, tiene valores RGB de R:193, G:28, B:132 y valores CMYK de C:0, M:85, Y:32, K:24.
| VALUE | CSS | |
|---|---|---|
| HEX | #c11c84 | #c11c84 |
| RGB DECIMAL | 193, 28, 132 | RGB(193,28,132) |
| RGB PERCENTAGE | 75.7, 11.0, 51.8 | RGB(75.7%,11.0%,51.8%) |
| CMYK | 0, 85, 32, 24 | |
| HSL | HSL(322.2, 74.7%, 43.3%) | HSL(322.2, 74.7%, 43.3%) |
| HSV (OR HSB) | 322.2°, 85.5, 75.7 | |
| WEB SAFE | #20451153 | #20451153 |
| BINARY | 11000001, 00011100, 10000100 | |
| iOS - SwiftUI | Color(red: 0.757, green: 0.110, blue: 0.518) | |
| iOS - UIKit | UIColor(red: 0.757, green: 0.110, blue: 0.518, alpha: 1) | |
| Android - Compose | Color(0xFFC11C84) |
