Color Blanco hielo: código #F5F5F5

Blanco hielo

#F5F5F5

Códigos del color

  • HEX#F5F5F5
  • RGBrgb(245, 245, 245)
  • HSLhsl(0, 0%, 96%)
  • HSVhsv(0, 0%, 96%)
  • CMYKcmyk(0%, 0%, 0%, 4%)
  • LABlab(96.5% 0 0)
  • OKLCHoklch(97% 0 0)

Sobre el color Blanco hielo

Blanco hielo tiene el código HEX #F5F5F5, que corresponde a rgb(245, 245, 245) en el modelo RGB. En el círculo cromático, su tono está en 0°, con 0% de saturación y 96% de luminosidad (hsl(0, 0%, 96%)).

Con una saturación muy baja (o una luminosidad extrema) funciona como color neutro, fácil de combinar con casi cualquier otro.

Como fondo pide texto oscuro: el negro alcanza un contraste de 19,26:1 sobre él, frente a 1,09:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 0%, 0%, 4%). 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 Blanco hielo

Complementaria

#F5F5F5 · #F5F5F5

Análoga

#F5F5F5 · #F5F5F5 · #F5F5F5

Tríada

#F5F5F5 · #F5F5F5 · #F5F5F5

Tetrádica

#F5F5F5 · #F5F5F5 · #F5F5F5 · #F5F5F5

Complementaria dividida

#F5F5F5 · #F5F5F5 · #F5F5F5

Monocromática

#B5B5B5 · #DBDBDB · #F5F5F5 · #FFFFFF · #FFFFFF

Blanco hielo con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,09:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
19,26:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-ice-white: #F5F5F5;
  --color-ice-white-rgb: 245, 245, 245;
}

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