Color Rosa: código #FFC0CB

Rosa

#FFC0CB

Códigos del color

  • HEX#FFC0CB
  • RGBrgb(255, 192, 203)
  • HSLhsl(350, 100%, 88%)
  • HSVhsv(350, 25%, 100%)
  • CMYKcmyk(0%, 25%, 20%, 0%)
  • LABlab(83.6% 24.1 3.3)
  • OKLCHoklch(86.8% 0.074 7.1)

Sobre el color Rosa

Rosa tiene el código HEX #FFC0CB, que corresponde a rgb(255, 192, 203) en el modelo RGB. En el círculo cromático, su tono está en 350°, con 100% de saturación y 88% de luminosidad (hsl(350, 100%, 88%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 13,65:1 sobre él, frente a 1,53:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 25%, 20%, 0%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Rosa

Complementaria

#FFC0CB · #C2FFF5

Análoga

#FFC2EB · #FFC0CB · #FFD6C2

Tríada

#FFC0CB · #CCFFC2 · #C2CCFF

Tetrádica

#FFC0CB · #EBFFC2 · #C2FFF5 · #D6C2FF

Complementaria dividida

#FFC0CB · #C2FFD6 · #C2EBFF

Monocromática

#FF4262 · #FF8FA2 · #FFC0CB · #FFFFFF · #FFFFFF

Rosa con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,53:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
13,65:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Qué comunica el rosa

#FFC0CB es el pink de CSS: un rojo muy diluido en blanco, claro y poco saturado. Por eso suele percibirse como delicado, afectivo y acogedor. La asociación del rosa con las niñas, tan presente en ajuares y jugueterías, es una convención relativamente reciente y no universal; cada vez pesa menos, y hoy el rosa aparece con naturalidad en moda masculina, productos tecnológicos e identidades visuales sin género. En muchos países de habla hispana, el rosa es además el color de la lucha contra el cáncer de mama, muy visible cada octubre.

Dónde tiene sentido el rosa claro

En moda, el rosa claro funciona como un neutro suave: camisas, sastrería y prendas de punto en este tono combinan con mezclilla, gris y beige. En decoración, calienta espacios con mucha luz natural y va bien con madera clara, latón y plantas. En branding, pastelerías, cosméticos y productos infantiles lo usan tanto que, si quieres destacar en esos sectores, quizá te convenga evitarlo o combinarlo con un contraste inesperado. En interfaces, rinde más como fondo de avisos, tarjetas y etiquetas que como color de texto.

Combinaciones que funcionan

ColorHEXEfecto
Azul marino#000080Contraste sobrio y elegante para ropa y papelería.
Gris#808080Pareja neutra y actual para interiores.
Verde oliva#808000Paleta terrosa con el rosa como punto de luz.
Rosa intenso#FF1493Tono sobre tono vibrante para acentos.

¿Quieres probar más variantes? Arma una paleta de colores a partir del rosa y ajusta las armonías.

Consejo práctico: texto e impresión

El texto blanco sobre #FFC0CB apenas llega a 1,5:1 de contraste, muy por debajo del mínimo de 4,5:1 que pide WCAG para texto normal. Usa texto oscuro: el negro sobre este rosa alcanza cerca de 13,6:1. Para imprenta, la conversión directa da aproximadamente cmyk(0%, 25%, 20%, 0%). Los pasteles son sensibles al papel: en papel sin estucar el rosa suele salir más apagado, así que pide una prueba impresa antes del tiraje. La guía RGB vs CMYK explica por qué pantalla y papel nunca coinciden del todo.

Cómo usarlo en CSS

:root {
  --color-pink: #FFC0CB;
  --color-pink-rgb: 255, 192, 203;
}

.elemento {
  background-color: var(--color-pink);
  color: #000000;
}

Colores parecidos

Usa Rosa en nuestras herramientas