Guía de color

Color Morado

#A855F7

Códigos del color morado

HEX
#A855F7
RGB
rgb(168, 85, 247)
HSL
hsl(271, 91%, 65%)
OKLCH
oklch(81% 0.10 296)

Qué significa el morado

El morado ha simbolizado lujo, sabiduría e imaginación. Las marcas tech modernas lo usan para sentirse innovadoras y premium a la vez.

Cómo usarlo en diseño

Gran elección para herramientas creativas, productos de belleza y marcas premium.

Combinaciones de color con el morado

Armonías calculadas con teoría del color para el matiz base 271°.

Complementario

Contraste máximo: #A855F7 + #A3F755

Abrir en el editor

Análogo

Armonía a ±30°: #5755F7 · #A855F7 · #F755F4

Triádico

Separación de 120°: #A855F7 · #F7A855 · #55F7A8

Tonos del color morado (escala 50–900)

Escala estilo Tailwind generada a partir de #A855F7.

50 #351257
100 #39125D
200 #471576
300 #5F17A2
400 #8016E2
500 #A855F7
600 #D0A8F6
700 #F0E3FB
800 #FFFFFF
900 #FFFFFF

Preguntas frecuentes sobre el color morado

¿Cuál es el código HEX del color morado?

Un valor HEX muy usado para el color morado es #A855F7, equivalente a rgb(168, 85, 247). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (271°).

¿Qué colores combinan con el morado?

El morado combina muy bien con yellow, mint, white, charcoal. Su color complementario es #A3F755, y una combinación triádica clásica añade #F7A855 y #55F7A8.

¿Es el morado accesible para textos y fondos?

Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el morado en textos o elementos de interfaz.

Crea tu propia paleta en morado

Genera combinaciones armónicas a partir de #A855F7 en segundos.

Abrir el generador de paletas