Guía de color

Color Rosa

#EC4899

Códigos del color rosa

HEX
#EC4899
RGB
rgb(236, 72, 153)
HSL
hsl(330, 81%, 60%)
OKLCH
oklch(79% 0.05 321)

Qué significa el rosa

El rosa comunica diversión, empatía y feminidad moderna. Los rosas intensos son atrevidos y juveniles; los suaves transmiten calma y ternura.

Cómo usarlo en diseño

Popular en belleza, estilo de vida y productos infantiles. Un acento rosa vivo moderniza cualquier paleta neutra.

Combinaciones de color con el rosa

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

Complementario

Contraste máximo: #EC4899 + #46EC99

Abrir en el editor

Análogo

Armonía a ±30°: #EC46EC · #EC4899 · #EC4646

Triádico

Separación de 120°: #EC4899 · #99EC46 · #4699EC

Tonos del color rosa (escala 50–900)

Escala estilo Tailwind generada a partir de #EC4899.

50 #3E1127
100 #43122B
200 #5B1739
300 #831C50
400 #C01F70
500 #EC4699
600 #EE97C2
700 #F5D0E2
800 #FDF6F9
900 #FFFFFF

Preguntas frecuentes sobre el color rosa

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

Un valor HEX muy usado para el color rosa es #EC4899, equivalente a rgb(236, 72, 153). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (330°).

¿Qué colores combinan con el rosa?

El rosa combina muy bien con teal, navy, gold, mint. Su color complementario es #46EC99, y una combinación triádica clásica añade #99EC46 y #4699EC.

¿Es el rosa 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 rosa en textos o elementos de interfaz.

Crea tu propia paleta en rosa

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

Abrir el generador de paletas