Rueda de color de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con la plata?
La plata transmite un tono calmado y sofisticado asociado con la modernidad y la tecnología. Es un tono medio claro de gris que sirve como un fondo neutral y versátil, proporcionando la sensación de la plata real sin el brillo metálico. A menudo sugiere una elegancia discreta y tecnología de vanguardia.
La plata se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #C4C4C4
- Valor RGB: 76.9% rojo, 76.9% verde y 76.9% 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 integrar la plata en los diseños de manera reflexiva:
- Usar como fondo. Como fondo, este gris claro puede ayudar a que otros colores resalten mientras mantiene un aspecto profesional y discreto, ideal para aplicaciones empresariales o educativas donde el enfoque debe estar en el contenido, no en los elementos de diseño.
- Crear contrastes sutiles. Combina con grises más oscuros o colores para crear contrastes suaves, mejorando la legibilidad sin la dureza que viene con esquemas de colores de alto contraste.
- Aplicar como acento. Usa la plata como color de acento en paletas con colores más brillantes o saturados. Puede ser un elemento equilibrante que complementa sin abrumar.
- Mejorar la jerarquía visual. Combina diferentes tonos de gris para crear un efecto de capas que da profundidad a la interfaz, ayudando a los usuarios a navegar más intuitivamente.
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 neutral y reflectante que la plata, considera:
- Gris aluminio (#A9ACB6) proporciona un brillo metálico similar pero con un tono ligeramente más claro, siendo un pariente cercano de la plata.
- Gris plomo (#353E43) es más oscuro y ofrece una apariencia metálica más sutil, manteniendo esa esencia plateada.
- Azul acero claro (#B0C4DE) es más pálido, con un toque de azul, dándole una sensación fresca y metálica similar a la plata.
- Gris frío (#8A92A6) permanece en la misma familia de colores, mezclando matices azules que se alinean estrechamente con la neutralidad de la plata.
Para complementar los tonos elegantes y modernos de la plata, considera combinarla con:
- Azul marino (#000080) profundiza el contraste con su tono oscuro y rico, realzando el brillo de la plata.
- Rojo cereza (#DE3163) proporciona un contraste vibrante que es tanto impactante como elegante junto a la plata.
- Verde esmeralda (#006742) ofrece un contraste exuberante y vibrante que anima la frescura de la plata.
- Morado real (#7851A9) se combina de manera regia con la plata para crear una paleta lujosa y sofisticada.
- Blanco suave (#F8F4FF) crea un aspecto sutil y limpio que complementa la frescura de la plata.
Colores adicionales que vale la pena considerar incluyen el negro para un aspecto clásico y atemporal, el burdeos profundo para un contraste rico, y el turquesa pálido para una mezcla refrescante y contemporánea.
Aunque la plata es altamente adaptable, puede chocar con:
- Naranja brillante (#FFA500) tiende a dominar la plata, creando una combinación que puede sentirse demasiado audaz e inquietante.
- Verde oliva (#636B2F) contrasta demasiado fuerte con la plata, a menudo llevando a una apariencia descoordinada y desajustada.
- Rosa neón (#FF16B4) es demasiado vibrante y puede eclipsar la elegancia sutil de la plata.
- Amarillo pastel (#FDFD96) podría diluir el impacto de la plata, resultando en un aspecto deslavado.
- Marrón profundo (#654321) puede parecer demasiado terroso y apagado cuando se combina con el alto brillo de la plata, llevando a una falta de armonía.
La plata se asocia con la sofisticación, la modernidad y la elegancia. A menudo simboliza riqueza, alta calidad y alta tecnología, reflejando atributos de innovación y atractivo futurista. La plata también puede transmitir una sensación de frialdad o fuerza industrial si se expresa con efectos metálicos.
En la psicología del color, la naturaleza reflectante de la plata puede inspirar una sensación de espacio y apertura. La plata también puede evocar sentimientos de calma y equilibrio, similar a su contraparte elemental, el gris, pero con una presencia más viva y energizante debido a su brillo metálico.
La plata está vinculada a la luna en varias culturas, imbuyéndola de misterio, calma y reflexión. Se cree que tiene propiedades purificadoras y de limpieza. Sin embargo, también se conecta con el metal y la tecnología, por lo que puede evocar una sensación de frialdad o impersonalidad si se usa en exceso.
En el diseño de interfaces, la plata es popular en software relacionado con finanzas, industrias automotrices y aplicaciones de productos premium donde sus connotaciones de calidad y precisión son beneficiosas.
La historia del color plata está conectada con el material en sí—la plata, un metal precioso. La plata ha sido utilizada durante milenios como moneda y en las artes decorativas debido a su acabado lustroso y relativa rareza.
En la Edad Media, la plata se usaba a menudo en manuscritos iluminados y arte religioso para representar la divinidad y la pureza, utilizando su calidad reflectante para captar la luz y atraer la mirada.
Con la era industrial y los avances en las ciencias de los materiales, nuevos pigmentos sintéticos y acabados metálicos replicaron el aspecto de la plata a un costo menor y con mayor versatilidad. En el siglo XX, la plata se asoció con la industria automotriz, la aeroespacial y más tarde con la electrónica y la tecnología, simbolizando velocidad, eficiencia y las líneas limpias y elegantes del diseño moderno.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Cima de montaña
Musgo del bosque
Zorro plateado
Verificador de contraste
Contraste 1,74
- Texto grande
#C4C4C4
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 12,04
- Texto grande
#C4C4C4
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #c4c4c4, también conocido como Plata, tiene valores RGB de R:196, G:196, B:196 y valores CMYK de C:0, M:0, Y:0, K:23.
| VALUE | CSS | |
|---|---|---|
| HEX | #c4c4c4 | #c4c4c4 |
| RGB DECIMAL | 196, 196, 196 | RGB(196,196,196) |
| RGB PERCENTAGE | 76.9, 76.9, 76.9 | RGB(76.9%,76.9%,76.9%) |
| CMYK | 0, 0, 0, 23 | |
| HSL | HSL(0.0, 0.0%, 76.9%) | HSL(0.0, 0.0%, 76.9%) |
| HSV (OR HSB) | 0.0°, 0.0, 76.9 | |
| WEB SAFE | #204204204 | #204204204 |
| BINARY | 11000100, 11000100, 11000100 | |
| iOS - SwiftUI | Color(red: 0.769, green: 0.769, blue: 0.769) | |
| iOS - UIKit | UIColor(red: 0.769, green: 0.769, blue: 0.769, alpha: 1) | |
| Android - Compose | Color(0xFFC4C4C4) |
