Color Rosa pastel: código #FFD1DC

Rosa pastel

#FFD1DC

Códigos del color

  • HEX#FFD1DC
  • RGBrgb(255, 209, 220)
  • HSLhsl(346, 100%, 91%)
  • HSVhsv(346, 18%, 100%)
  • CMYKcmyk(0%, 18%, 14%, 0%)
  • LABlab(88% 17.8 0.7)
  • OKLCHoklch(90.3% 0.054 2.2)

Sobre el color Rosa pastel

Rosa pastel tiene el código HEX #FFD1DC, que corresponde a rgb(255, 209, 220) en el modelo RGB. En el círculo cromático, su tono está en 346°, con 100% de saturación y 91% de luminosidad (hsl(346, 100%, 91%)).

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 15,40:1 sobre él, frente a 1,36:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 18%, 14%, 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 pastel

Complementaria

#FFD1DC · #D1FFF4

Análoga

#FFD1F3 · #FFD1DC · #FFDDD1

Tríada

#FFD1DC · #DCFFD1 · #D1DCFF

Tetrádica

#FFD1DC · #F3FFD1 · #D1FFF4 · #DDD1FF

Complementaria dividida

#FFD1DC · #D1FFDD · #D1F3FF

Monocromática

#FF527A · #FF9EB5 · #FFD1DC · #FFFFFF · #FFFFFF

Rosa pastel con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,36:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
15,40:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-pastel-pink: #FFD1DC;
  --color-pastel-pink-rgb: 255, 209, 220;
}

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