Paleta de colores

Color rosa

Toma el nombre de la flor y es un rojo muy aclarado con blanco. Se asocia a la ternura y lo romántico, aunque hoy se usa en todo tipo de marcas. Es frecuente en ropa, cosmética y campañas de concienciación.

También llamado: rosado.

Rosa · #FFC0CB

Datos del color rosa

El rosa (#FFC0CB) es un color cálido, claro y muy saturado. Pertenece a la familia de los rosas. Se mezcla con 255 de rojo, 192 de verde y 203 de azul (sobre 255). Se usa sobre todo en moda, infantil, branding.

Tonos del rosa: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el rosa

GrisUna mezcla elegante y moderna.BlancoFresco, limpio y suave.Azul marinoContraste clásico y sofisticado.Verde salviaContraste complementario suave.BeigeUna base cálida y natural.DoradoUn toque de lujo y fiesta.CelesteDupla pastel dulce.VinoUn degradado de rojos elegante.
Cómo combinar el rosa en ropa y decoración →

Armonías del color rosa

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Turquesa pastel
AnálogosCercano a: Lila, Albaricoque
TríadaCercano a: Crema, Lila pastel
Complementario divididoCercano a: Aguamarina, Azul claro
TétradaCercano a: Crema, Turquesa pastel, Lila pastel

Paletas con el color rosa

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Rosa
Paleta Análoga · Rosa
Paleta Complementaria · Rosa
Paleta Tríada · Rosa
Paleta Con neutros · Rosa
Paleta Con acento · Rosa

Contraste del rosa con texto

Texto blancoContraste 1.5:1 · No recomendado
Texto negroContraste 13.7:1 · AAA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --rosa: #FFC0CB;
  --rosa-rgb: 255, 192, 203;
}
.fondo { background-color: var(--rosa); }
.texto { color: var(--rosa); }

Colores parecidos al rosa

Rosa bebéRosa paloRosa pastelCuarzo rosaRosa empolvadoAlbaricoqueLilaRosa flamencoGris perlaRosa viejo

Paletas temáticas con este color

Otros rosas

Rosa paloRosa viejoFucsiaMagentaRosa chicleRosa mexicanoRosa pastelRosa bebéRosa fuerteFrambuesaCuarzo rosaOro rosaRuborRosa flamencoRosa neónRosa empolvado

Preguntas frecuentes

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

El código HEX del color rosa es #FFC0CB. En RGB es rgb(255, 192, 203), en HSL es hsl(350, 100%, 88%) y en CMYK es 0, 25, 20, 0.

¿Qué color es el complementario del rosa?

Su complementario en el círculo cromático es #C0FFF4, un tono cercano al turquesa pastel. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color rosa?

Mejor usa texto negro: el contraste con blanco es solo 1.5:1, mientras que con negro es 13.7:1.

¿Con qué colores combina el rosa?

Combina bien con gris, blanco, azul marino, verde salvia, beige. Evita combinarlo con rojo intenso o naranja brillante sin un neutro, porque el rosa se ve apagado. Con muchos otros pasteles puede verse infantil.