Color Blanco: código #FFFFFF

Blanco

#FFFFFF

Códigos del color

  • HEX#FFFFFF
  • RGBrgb(255, 255, 255)
  • HSLhsl(0, 0%, 100%)
  • HSVhsv(0, 0%, 100%)
  • CMYKcmyk(0%, 0%, 0%, 0%)
  • LABlab(100% 0 0)
  • OKLCHoklch(100% 0 0)

Sobre el color Blanco

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

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 21,00:1 sobre él, frente a 1,00:1 del blanco.

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

Complementaria

#FFFFFF · #FFFFFF

Análoga

#FFFFFF · #FFFFFF · #FFFFFF

Tríada

#FFFFFF · #FFFFFF · #FFFFFF

Tetrádica

#FFFFFF · #FFFFFF · #FFFFFF · #FFFFFF

Complementaria dividida

#FFFFFF · #FFFFFF · #FFFFFF

Monocromática

#BFBFBF · #E6E6E6 · #FFFFFF · #FFFFFF · #FFFFFF

Blanco con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,00:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
21,00:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Blanco: paz, limpieza y nuevos comienzos

En pantalla, #FFFFFF es la suma de todos los canales de luz al máximo. En gran parte de Latinoamérica y España, el blanco se asocia con bodas, primeras comuniones, la paz y la higiene, del vestido de novia a la bata médica. En varias culturas de Asia oriental, en cambio, el blanco se vincula tradicionalmente con el luto, así que su significado no es universal. En diseño, el blanco transmite espacio, claridad y sencillez, y es la base de casi toda interfaz: lo que parece “vacío” es, en realidad, el color más usado de la página.

¿Blanco puro o blanco roto?

No todos los blancos son iguales, y la elección cambia la sensación del proyecto:

TonoHEXCuándo usarlo
Blanco puro#FFFFFFInterfaces, fotografía de producto, estética técnica y minimalista.
Blanco roto#FAF9F6Sitios editoriales, papelería y paredes: deslumbra menos.
Crema#FFFDD0Espacios acogedores, marcas artesanales, invitaciones.

En decoración, la luz lo cambia todo: una pared blanca bajo bombillas cálidas se ve amarillenta y bajo luz fría, azulada. Pinta una muestra y obsérvala a distintas horas antes de pintar toda la habitación.

Cómo combinarlo

El blanco acepta cualquier compañero, pero cada uno cambia el ambiente. Con azul marino (#000080), el resultado es náutico y clásico. Con terracota (#E2725B) y beige (#F5F5DC), se convierte en una paleta mediterránea, cálida y luminosa. Con negro (#000000), logras el máximo contraste para piezas gráficas.

Consejo práctico: pantalla e impresión

En pantalla, un fondo blanco puro con texto negro puro puede cansar en lecturas largas; muchos diseños suavizan uno de los dos. Comprueba la legibilidad con el verificador de contraste. En impresión, el blanco no se imprime: es el color del papel. Si el papel es reciclado o cálido, tu blanco también lo será. Y para imprimir blanco sobre materiales oscuros o transparentes hace falta una tinta blanca especial, que se cotiza aparte. Más detalles en RGB vs CMYK.

Cómo usarlo en CSS

:root {
  --color-white: #FFFFFF;
  --color-white-rgb: 255, 255, 255;
}

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