Saltar al contenido principal

Morado real

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

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El morado real es un color lujoso que combina la sofisticación del morado con la tranquilidad del azul. Este tono frío se sitúa entre el violeta y el azul en el círculo cromático, encarnando tanto cualidades grandiosas como calmantes.

color Morado realcolor Morado real

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

- Código HEX: #6C3BAA

- Valor RGB: 42.4% rojo, 23.1% verde y 66.7% 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 morado real en tus diseños:

  • Crea una sensación de lujo. El morado real se asocia naturalmente con el lujo y la elegancia. Úsalo como color de fondo para productos o servicios de alta gama o para materiales de marca que quieran transmitir un sentido de prestigio.
  • Destaca elementos importantes. El morado real resalta bien frente a otros colores. Úsalo para botones de llamada a la acción, encabezados importantes u otros elementos en los que quieras que los usuarios se enfoquen.
  • Añade un toque de creatividad. El morado real es un color menos común en el diseño de interfaces, por lo que puede ayudar a que tu diseño se destaque. Úsalo como color de acento o en lugares inesperados para añadir personalidad.

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 majestuoso que el morado real, considera:

  • Violeta (#7F00FF) es un morado más brillante y frío que tiende hacia el azul.
  • Morado (#9D00FF) es un tono vívido y más juguetón que el morado real.
  • Morado neón (#8A00C4) es un tono más eléctrico y llamativo de morado.
  • Índigo (#560591) es un tono más oscuro y frío con un aire misterioso y sofisticado.

Para complementar el morado real, considera combinarlo con:

  • Oro (#EFBF04) es un color metálico cálido que añade un toque de lujo cuando se combina con el morado real.
  • Rosa claro (#FFB5C0) se combina con el morado realparacrear una sensación ligera y femenina.
  • Marfil (#FFFFE3) tiene una cremosidad que suaviza la riqueza del morado real.
  • Naranja brillante (#FF991C) es visualmente impactante cuando se combina con el morado real.

Otros colores que vale la pena considerar incluyen tonos claros y juguetones como lavanda y amarillo pastel o colores neutros como blanco y gris para un diseño más equilibrado.

Aunque el morado real es audaz, puede chocar con:

  • Escarlata (#ED2100) tiene unacalidez que sobrepasa los tonos fríos del morado real, creando un choque.
  • Rosa neón (#FF13F0) es altamente saturado y compite por la atención con el morado real.
  • Canela (#D47E30) es un marrón cálido que crea un aspecto turbio cuando se combina con el morado real de tonos fríos.
  • Gris azulado (#6A89A7) es un color suave fácilmente sobrepasado por la intensidad del morado real.
  • Verde lima (#89F336) es un color intenso de temperaturas opuestas, creando un contraste abrumador.

El morado real simboliza lujo, poder y riqueza. Ha estado asociado durante mucho tiempo con la realeza, representando autoridad y prestigio.

En la psicología del color, la combinación de rojo y azul en el morado real produce un color emocionante y calmante. El lado rojo fomenta la ambición y la pasión, mientras que el azul promueve la calma y el enfoque.

Debido a su asociación con la realeza, el morado real es una excelente opción de diseño de interfaces para marcas de alta gama. Puede ser abrumador si se usa en exceso, pero cuando se combina con tonos claros y neutros, el diseño se vuelve más equilibrado.

El morado real tiene una larga historia que se remonta a miles de años. Mientras que los tintes rojos y amarillos eran fácilmente accesibles a lo largo de la historia, producir morado era laborioso y costoso. Debido a su exclusividad, el morado real ha estado tradicionalmente asociado con la nobleza.

El vínculo entre poder y prestigio persistió durante generaciones. Las realezas de Egipto, Roma y Persia mantuvieron el morado como un color exclusivo al restringir su uso a las vestimentas de miembros de alto rango social.

A pesar de la invención de tintes más baratos, el significado histórico del morado real como símbolo de poder y riqueza perdura. Lo vemos no solo en los logotipos de empresas establecidas como Hallmark y la Premier League, sino también en los de marcas innovadoras y modernas como Yahoo! y Roku.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Tercer Ojo

Polvo de Estrellas

Euforia

Verificador de contraste

Contraste 7,38

Texto grande

#6C3BAA

Texto normal

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

Este es el texto #6C3BAA en un fondo #FFFFFF.
Categoría
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado

Contraste 2,84

Texto grande

#6C3BAA

Texto normal

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

Este es el texto #6C3BAA en un fondo #000000.
Categoría
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #6c3baa, también conocido como Morado real, tiene valores RGB de R:108, G:59, B:170 y valores CMYK de C:36, M:65, Y:0, K:33.

VALUECSS
HEX#6c3baa#6c3baa
RGB DECIMAL108, 59, 170RGB(108,59,170)
RGB PERCENTAGE42.4, 23.1, 66.7RGB(42.4%,23.1%,66.7%)
CMYK36, 65, 0, 33
HSLHSL(266.5, 48.5%, 44.9%)HSL(266.5, 48.5%, 44.9%)
HSV (OR HSB)266.5°, 65.3, 66.7
WEB SAFE#10251153#10251153
BINARY01101100, 00111011, 10101010
iOS - SwiftUIColor(red: 0.424, green: 0.231, blue: 0.667)
iOS - UIKitUIColor(red: 0.424, green: 0.231, blue: 0.667, alpha: 1)
Android - ComposeColor(0xFF6C3BAA)
Crear paleta de colores