Saltar al contenido principal

Rosa oscuro

Todo lo que necesitas saber sobre el rosa oscuro para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El rosa oscuro combina la dulzura del rosa tradicional con un tono más atrevido, añadiendo un toque ú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.

color Rosa oscurocolor Rosa oscuro

El rosa oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.

- Código HEX: #C11C84

- Valor RGB: 75.7% rojo, 11% verde, y 51.8% 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.

Aquí hay algunas formas de usar el rosa oscuro en tus diseños:

  • Crea un ambiente juguetón. La audacia del rosa oscuro inyecta energía y personalidad en tu interfaz, haciéndolo un tono ideal para audiencias jóvenes.
  • Evoca sentimientos de pasión. El rosa oscuro provoca sentimientos de amor debido a su sofisticación y tonos más audaces, siendo 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 variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.

Para variaciones dentro del mismo espectro juguetón 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 emparejarlo 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 lujosidad 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 saturación similar.

El rosa oscuro hereda la jovialidad y el espíritu juvenil 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 de interfaces, la audacia del rosa oscuro lo hace perfecto para resaltar elementos importantes como botones de llamada a la acción. También inyecta un ambiente juguetón 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 distintivo en el siglo XVIII o XIX, solidificando el vínculo entre el color y su nombre.

Hoy en día, el rosa oscuro se utiliza 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

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Carnaval de Amor

Pop Noveau

Vogue Vívida

Verificador de contraste

Contraste 5,58

Texto grande

#C11C84

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #C11C84 en un fondo #FFFFFF.
Categoría
Aprobado
Desaprobado
Aprobado
Aprobado
Aprobado
Aprobado

Contraste 3,77

Texto grande

#C11C84

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #C11C84 en un fondo #000000.
Categoría
Desaprobado
Desaprobado
Aprobado
Desaprobado
Aprobado
Desaprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #c11c84, también conocido como Rosa oscuro, tiene valores RGB de R:193, G:28, B:132 y valores CMYK de C:0, M:85, Y:32, K:24.

VALUECSS
HEX#c11c84#c11c84
RGB DECIMAL193, 28, 132RGB(193,28,132)
RGB PERCENTAGE75.7, 11.0, 51.8RGB(75.7%,11.0%,51.8%)
CMYK0, 85, 32, 24
HSLHSL(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
BINARY11000001, 00011100, 10000100
iOS - SwiftUIColor(red: 0.757, green: 0.110, blue: 0.518)
iOS - UIKitUIColor(red: 0.757, green: 0.110, blue: 0.518, alpha: 1)
Android - ComposeColor(0xFFC11C84)
Crear paleta de colores