Color Rosa claro: código #FFB6C1

Rosa claro

#FFB6C1

Códigos del color

  • HEX#FFB6C1
  • RGBrgb(255, 182, 193)
  • HSLhsl(351, 100%, 86%)
  • HSVhsv(351, 29%, 100%)
  • CMYKcmyk(0%, 29%, 24%, 0%)
  • LABlab(81.1% 28 5)
  • OKLCHoklch(84.7% 0.086 9.1)

Sobre el color Rosa claro

Rosa claro tiene el código HEX #FFB6C1, que corresponde a rgb(255, 182, 193) en el modelo RGB. En el círculo cromático, su tono está en 351°, con 100% de saturación y 86% de luminosidad (hsl(351, 100%, 86%)).

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 12,71:1 sobre él, frente a 1,65:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 29%, 24%, 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 claro

Complementaria

#FFB6C1 · #B8FFF4

Análoga

#FFB8E6 · #FFB6C1 · #FFD1B8

Tríada

#FFB6C1 · #C2FFB8 · #B8C2FF

Tetrádica

#FFB6C1 · #E6FFB8 · #B8FFF4 · #D1B8FF

Complementaria dividida

#FFB6C1 · #B8FFD1 · #B8E6FF

Monocromática

#FF3856 · #FF8597 · #FFB6C1 · #FFFFFF · #FFFFFF

Rosa claro con texto blanco y negro

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

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-light-pink: #FFB6C1;
  --color-light-pink-rgb: 255, 182, 193;
}

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