Saltar al contenido principal

Blanco roto

Todo lo que necesitas saber sobre el blanco roto para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El blanco roto es un tono suave y ligeramente cálido que se encuentra junto al blanco puro en el círculo cromático. Su cualidad calmante y neutral lo hace agradable a la vista. Emana paz y confort y combina bien con colores brillantes.

color blanco rotocolor blanco roto

El blanco roto se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.

  • Código HEX: #F2F0EF
  • Valor RGB: 94.9% rojo, 94.1% verde, 93.7% azul

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

Aquí hay algunas formas de usar el blanco roto en tus diseños:

  • Destacar información importante. La sencillez del blanco roto combina bien con tonos más audaces. Pruébalo como fondo para acentos, botones de llamada a la acción e íconos.
  • Crear espacio negativo. Usa el blanco roto para añadir espacio negativo a una página o diseño, disminuyendo el desorden y estableciendo una sensación de amplitud.
  • Establecer una base para el contenido. El blanco roto es un tono ideal para usar como fondo claro en interfaces con mucho texto o íconos, asegurando la legibilidad y reduciendo la fatiga visual.

Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.

Para variaciones dentro del mismo espectro audaz que el blanco roto, considera:

  • Blanco (#FFFFFF) es un tono más brillante y puro que el blanco roto.
  • Marfil (#FFFFE3) añade un sutil tinte amarillo para una apariencia ligeramente más cálida.
  • Beige (#EDE8D0) es un tono neutral similar pero un poco más oscuro.
  • Crema (#FDFBD4) ofrece una saturación más alta y un tono amarillo más fuerte, evocando aún sentimientos de confort.

Para complementar el blanco roto, considera emparejarlo con:

  • Turquesa (#40E0D0) tiene una sensación clara y fresca que se mezcla bien con el blanco roto en paletas tropicales.
  • Azul marino (#000080) puede combinarse con el blanco rotopara una combinación náutica elegante.
  • Escarlata (#ED2100) destaca audazmente junto al blanco roto, añadiendo sofisticación y vigor.
  • Coñac (#A2574F) complementa los tonos neutros del blanco roto con riqueza, calidez y profundidad.

El blanco roto combina bien con muchos colores, pero otros que vale la pena considerar son el verde oliva para un ambiente terrenal, el negro para un contraste llamativo y el burdeos para una combinación académica popular.

Aunque el blanco roto es limpio y simple, puede chocar con:

  • Magenta (#FD3DB5) es increíblemente vívido y puede abrumar la calidez suave del blanco roto.
  • Plata (#C4C4C4) y blanco roto se apagan mutuamente debido a su cualidad neutral compartida.
  • Índigo (#560591) puede hacer que el blanco roto parezca apagado.

El blanco roto simboliza paz, elegancia y nuevos comienzos. También comparte asociaciones específicas con el blanco puro, como bondad, espiritualidad e inocencia.

En la psicología del color, el blanco roto evoca una sensación de confort, delicadeza y refinamiento. Su simplicidad también puede generar sentimientos de claridad y facilidad, especialmente cuando se combina con otros colores relajantes.

En el diseño de interfaces, el blanco roto puede usarse liberalmente sin ser abrumador. Es una excelente opción para fondos agradables y atenuados y otros elementos de diseño prominentes. También combina bien con una amplia gama de tonos audaces, lo que lo hace altamente versátil.

El blanco roto es uno de los pigmentos más antiguos conocidos, que data del período Paleolítico, donde apareció en pinturas rupestres. Para la década de 1930, el blanco roto se había convertido en un color establecido en la moda y la decoración, complementando paletas audaces o destacándose por sí solo. Hoy en día, es tan popular como siempre, con algunos fabricantes de pintura ofreciendo cientos de diferentes tonos de blanco roto en sus catálogos.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Página en blanco

Club náutico

Estética limpia

Verificador de contraste

Contraste 1,14

Texto grande

#F2F0EF

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #F2F0EF en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado

Contraste 18,49

Texto grande

#F2F0EF

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #F2F0EF en un fondo #000000.
Categoría
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #f2f0ef, también conocido como blanco roto, tiene valores RGB de R:242, G:240, B:239 y valores CMYK de C:0, M:1, Y:1, K:5.

VALUECSS
HEX#f2f0ef#f2f0ef
RGB DECIMAL242, 240, 239RGB(242,240,239)
RGB PERCENTAGE94.9, 94.1, 93.7RGB(94.9%,94.1%,93.7%)
CMYK0, 1, 1, 5
HSLHSL(20.0, 10.3%, 94.3%)HSL(20.0, 10.3%, 94.3%)
HSV (OR HSB)20.0°, 1.2, 94.9
WEB SAFE#255255255#255255255
BINARY11110010, 11110000, 11101111
iOS - SwiftUIColor(red: 0.949, green: 0.941, blue: 0.937)
iOS - UIKitUIColor(red: 0.949, green: 0.941, blue: 0.937, alpha: 1)
Android - ComposeColor(0xFFF2F0EF)
Crear paleta de colores