Código de color Humo Blanco (#f5f5f5)

Humo Blanco es #f5f5f5 en hex y rgb(245, 245, 245): un blanco muy claro. Abajo tienes todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Humo Blanco
#f5f5f5
Nombre CSSwhitesmoke
Hex#f5f5f5
RGBrgb(245, 245, 245)
HSLhsl(0 0% 96%)
HWBhwb(0 96% 4%)
CMYK0%, 0%, 0%, 4%

Tintes y sombras

Acerca de Humo Blanco

Humo Blanco (whitesmoke) es un blanco muy claro y apagado con el código hex #f5f5f5, o rgb(245, 245, 245). En HSL tiene un tono de 0°, una saturación de 0% y una luminosidad de 96%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: whitesmoke; en lugar del valor hex.

Uso de Humo Blanco para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Humo Blanco sobre blanco1.09 : 1no cumple
Texto Humo Blanco sobre negro19.26 : 1AAA

Sobre un fondo humo blanco, usa texto en negro (19.26 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: whitesmoke;               /* or #f5f5f5 */
  background-color: #f5f5f5;
  border: 1px solid rgb(245 245 245 / 50%);
}

Colores con nombre similares

Blanco Fantasma (#f8f8ff), Rubor Lavanda (#fff0f5), Crema Menta (#f5fffa), Azul Alicia (#f0f8ff), Concha Marina (#fff5ee), Blanco Floral (#fffaf0).

Preguntas frecuentes

¿Cuál es el código hex del humo blanco?
#f5f5f5, que equivale a rgb(245, 245, 245) y hsl(0, 0%, 96%). En CSS también puedes escribir simplemente whitesmoke.
¿El texto en humo blanco se lee bien sobre blanco?
Su ratio de contraste sobre blanco es 1.09 : 1, que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el humo blanco?
El humo blanco es un neutro, así que combina con casi cualquier color. Úsalo en fondos, bordes y texto alrededor de un acento más intenso.