El azul medianoche es un tono profundo y oscuro que evoca la tranquilidad y el misterio del cielo nocturno. Este color se encuentra en el extremo más oscuro del espectro de azules, con un tono más frío, y a menudo se asocia con la sofisticación y la tranquilidad. Es un color perfecto para crear una atmósfera de calma y serenidad reflexiva.
El azul medianoche se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #272757
- Valor RGB: 15.3% rojo, 15.3% verde y 34.1% 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.
La profundidad y sofisticación del azul medianoche lo convierten en un color versátil para el diseño de interfaces. Aquí te mostramos cómo integrarlo estratégicamente para mejorar la experiencia del usuario:
- Mejora el contraste. Aplica azul medianoche para fondos o encabezados para establecer una base profunda y profesional que haga resaltar elementos de UI más claros como texto o íconos. Este contraste mejora la legibilidad y crea una interfaz visualmente atractiva.
- Comunica confiabilidad. Aprovecha la asociación del azul medianoche con la fiabilidad y el profesionalismo en barras de navegación, menús o pies de página.
- Resalta elementos. Destaca información clave o botones con azul medianoche para atraer la atención de manera sutil sin abrumar la experiencia del usuario.
- Mejora la legibilidad. Aplica azul medianoche en tipografía, especialmente en encabezados o elementos de texto clave, para mejorar la visibilidad y el contraste contra fondos más claros.
- Optimiza la visualización de datos. Considera el azul medianoche para gráficos y tablas. Su tono rico crea un contraste visualmente atractivo que ayuda a los usuarios a comprender información compleja de manera rápida y efectiva.
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 profundo y contemplativo que el azul medianoche, considera:
- Azul marino (#000080) comparte la esencia del azul profundo del azul medianoche y añade un toque de oscuridad extra.
- Índigo (#560591) ofrece una mezcla de azul profundo con un sutil toque de púrpura.
- Azul real (#305CDE) es más claro y vibrante, pero conserva la esencia noble.
- Azul prusia (#003153), que es más oscuro y tiende hacia el verde, evoca una sensación de aguas profundas.
Para complementar los tonos profundos del azul medianoche, considera emparejarlo con:
- Plata (#C0C0C0) añade un toque brillante, reflejando la luz y enriqueciendo la profunda elegancia del azul medianoche.
- Durazno suave (#FFE5B4) es un tono cálido y suave que resalta sutilmente la profundidad del azul medianoche.
- Crema (#FDFBD4) ofrece un contraste suave y relajante a la intensidad del azul medianoche, perfecto para una paleta refinada.
- Cobre (#B87333) introduce una calidez metálica, creando un contrapeso lujoso y terroso a la frescura del azul medianoche.
- Verde petróleo (#069494) fusiona tonos de azul y verde para complementar la profundidad del azul medianoche con su carácter vibrante.
Otros colores que vale la pena considerar incluyen rosa empolvado para un contraste romántico y suave, verde bosque para una paleta natural armoniosa, y gris claro para un look moderno y minimalista.
Aunque el azul medianoche es versátil, puede chocar con:
- Amarillo brillante (#FFFF00) puede crear un efecto visual discordante, contrastando en exceso y restando sutileza al azul medianoche.
- Rosa neón (#FF6EC7) ofrece una vibrancia intensa que puede eclipsar la profundidad refinada del azul medianoche.
- Chartreuse (#CCFF00) presenta un tono de alta intensidad que interrumpe la vibra serena y sofisticada del azul medianoche.
- Púrpura brillante (#9B30FF) compite con el azul medianoche al introducir una energía audaz y juguetona que podría no alinearse con la elegancia del azul medianoche.
- Rojo anaranjado (#FF4500), con su intensidad ardiente, puede chocar con la profundidad fresca y tranquila del azul medianoche, creando tensión visual.
El azul medianoche evoca misterio y contemplación, uniendo la calma del azul tradicional con la fuerza autoritaria del negro. Es un color que invita a la reflexión profunda y despierta la curiosidad.
En la psicología del color, el azul es ampliamente reconocido por transmitir fiabilidad y confianza. El azul medianoche, con su tono más profundo, realza estas cualidades. Inspira respeto y fomenta un pensamiento calmado y reflexivo, lo que lo hace ideal para entornos que promueven el enfoque y la paz.
En el diseño de UI/UX, el azul medianoche puede mejorar la experiencia del usuario al crear una interfaz visualmente atractiva que fomente el compromiso. También puede comunicar los valores fundamentales de una marca de confianza y sofisticación. Su capacidad para transmitir fuerza y tranquilidad hace que el azul medianoche sea ideal para marcas e interfaces que desean proyectar confianza, serenidad y profundidad.
El término "azul medianoche" surgió por primera vez en inglés en 1915, inspirándose en el cielo nocturno iluminado por la luna. Este azul oscuro y rico precede a las obras icónicas de Vincent van Gogh (piensa en "Noche estrellada" y "Terraza de café por la noche").
En la década de 1920, el Duque de Windsor popularizó el azul medianoche para la vestimenta formal en lugar del negro tradicional, revolucionando la apariencia de trajes y esmoquin en fotografías. Argumentó que el azul medianoche mantenía su profundidad bajo luz artificial y mostraba mejor los detalles de la vestimenta formal masculina.
En 1958, Crayola reconoció el atractivo del azul medianoche al renombrar su crayón 'azul prusia'. Hoy en día, el azul medianoche sigue siendo una elección popular en diseño y tecnología, evidente en la selección de colores para gadgets y autos de lujo. Su tono profundo se asocia con fiabilidad y profesionalismo, convirtiéndolo en un color preferido para la identidad de marca y corporativa.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Eclipse azul
Zona crepuscular
Cósmico
Verificador de contraste
Contraste 13,87
- Texto grande
#272757
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 1,51
- Texto grande
#272757
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #272757, también conocido como azul medianoche, tiene valores RGB de R:39, G:39, B:87 y valores CMYK de C:55, M:55, Y:0, K:66.
| VALUE | CSS | |
|---|---|---|
| HEX | #272757 | #272757 |
| RGB DECIMAL | 39, 39, 87 | RGB(39,39,87) |
| RGB PERCENTAGE | 15.3, 15.3, 34.1 | RGB(15.3%,15.3%,34.1%) |
| CMYK | 55, 55, 0, 66 | |
| HSL | HSL(240.0, 38.1%, 24.7%) | HSL(240.0, 38.1%, 24.7%) |
| HSV (OR HSB) | 240.0°, 55.2, 34.1 | |
| WEB SAFE | #5151102 | #5151102 |
| BINARY | 00100111, 00100111, 01010111 | |
| iOS - SwiftUI | Color(red: 0.153, green: 0.153, blue: 0.341) | |
| iOS - UIKit | UIColor(red: 0.153, green: 0.153, blue: 0.341, alpha: 1) | |
| Android - Compose | Color(0xFF272757) |
