Rueda de color de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con azul oscuro?
El azul oscuro es un tono profundo e intenso de azul caracterizado por su atractivo misterioso. Se sitúa en el extremo más frío del espectro de colores y evoca imágenes de cielos nocturnos y vastos océanos, generando sensaciones de tranquilidad y profundidad.
El azul oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #111184
- Valor RGB: 6.7% rojo, 6.7% verde y 51.8% azul
Aquí hay algunas formas de usar azul oscuro en tus diseños:
- Presta atención al contraste y equilibrio. Demasiado azul oscuro puede hacer que un diseño se sienta demasiado oscuro. Considera combinar azul oscuro con un tono más claro de azul o blanco para añadir un sentido de equilibrio que no abrume al espectador.
- Establece una jerarquía visual. Los colores más oscuros son perfectos para crear una jerarquía visual. Usa azul oscuro para resaltar elementos de menor prioridad, como un fondo.
- Considera la accesibilidad. Al trabajar con colores más oscuros en el diseño de interfaces, es esencial considerar el contraste visual, como el texto sobre un fondo. Considera usar colores contrastantes más claros que permitan que los elementos se muestren claramente.
- Abraza el lado oscuro. Las aplicaciones y sitios web modernos ofrecen modos oscuros para sus interfaces de usuario. Usa azul oscuro para fondos de modo oscuro para facilitar la visualización, especialmente por la noche.
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 rico que el azul oscuro, considera:
- Azul marino (#000080) es similar al azul oscuro pero ligeramente más claro en apariencia con un toque de gris, ofreciendo una opción sofisticada y calmante.
- Púrpura profundo (#800080) no se encuentra directamente dentro de la familia de los azules, pero proporciona una sensación equivalente de riqueza y profundidad audaz.
- Verde cazador (#355E3B) se mueve hacia la familia de los verdes. Al igual que el azul oscuro, es un tono que ofrece una emoción estable y calmante.
- Azul real (#305CDE) es un tono de azul más brillante y vibrante que ofrece un tono real similar que, cuando se combina con azul oscuro, puede proporcionar un contraste ligero dentro del diseño de interfaces.
Para complementar el azul oscuro, considera combinarlo con:
- Verde esmeralda (#00674F) funciona bien con azul oscuro, ofreciendo un esquema de color lujoso y real.
- Burdeos (#660033) es otro tono más oscuro que combina bien con azul oscuro, creando una sensación de riqueza y profundidad.
- Crema (#FDFBD4) contrasta con azul oscuro, ofreciendo una opción más suave que el blanco.
- Coral (#FF8559) y azul oscuro se combinan para crear un tema que recuerda al océano y los arrecifes.
Otros colores que vale la pena considerar incluyen gris para una apariencia simple y sofisticada y cobre para infundir un poco de calidez dentro de una paleta rica.
Aunque el azul oscuro es versátil, puede chocar con:
- Naranja neón (#FF5F1F) chocará con azul oscuro debido a su fuerte contraste e intensidad brillante y dura.
- Verde neón (#2CFF05) es otro color increíblemente brillante que choca con azul oscuro, creando un visual abrumador.
- Púrpura brillante (#BF40BF) tiene trazas de azul, pero su color audaz puede ser abrumador cuando se combina con azul oscuro.
- Azul eléctrico (#00F0FF) demuestra que el azul no siempre combina con azul; este tono es demasiado intenso para combinar con azul oscuro.
- Coral vibrante (#FF6F61) es demasiado intensamente saturado para combinar con azul oscuro, a diferencia de su contraparte de un solo término, coral.
El azul oscuro simboliza estabilidad y calma. En la cultura china, el azul oscuro se asocia con la longevidad y la inmortalidad. Los antiguos griegos asociaban el azul oscuro con el dios Zeus, simbolizando sabiduría y autoridad. Los indígenas americanos consideran el azul oscuro como un símbolo del cielo nocturno y el ámbito espiritual.
En la psicología del color, el azul oscuro puede evocar sensaciones de tranquilidad y reflexión profunda. También puede infundir emociones de confianza y fiabilidad. Se asocia comúnmente con las vastas profundidades del océano y el cielo nocturno oscuro.
En el diseño de interfaces, el azul oscuro puede usarse como fondo para infundir una sensación de confianza y seguridad, como en aplicaciones bancarias, sitios web de salud y plataformas de comercio electrónico.
El nombre “azul oscuro” tiene sus raíces en el idioma inglés y se refiere a una versión más oscura e intensa del color azul. El color azul primario tiene raíces más profundas en el idioma francés como “bleu” y en el idioma protoindoeuropeo como la raíz “bhel”, que significa “brillar”.
Los antiguos egipcios usaban tonos de azul para pintar cerámicas, estatuas y las tumbas de los faraones. En el siglo XIX, el azul oscuro vio una integración más profunda en los uniformes militares debido a su asociación con la autoridad.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Zafiro profundo
Praderas místicas
Nebulosa
Verificador de contraste
Contraste 14,61
- Texto grande
#111184
- 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,44
- Texto grande
#111184
- 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 #111184, también conocido como Azul oscuro, tiene valores RGB de R:17, G:17, B:132 y valores CMYK de C:87, M:87, Y:0, K:48.
| VALUE | CSS | |
|---|---|---|
| HEX | #111184 | #111184 |
| RGB DECIMAL | 17, 17, 132 | RGB(17,17,132) |
| RGB PERCENTAGE | 6.7, 6.7, 51.8 | RGB(6.7%,6.7%,51.8%) |
| CMYK | 87, 87, 0, 48 | |
| HSL | HSL(240.0, 77.2%, 29.2%) | HSL(240.0, 77.2%, 29.2%) |
| HSV (OR HSB) | 240.0°, 87.1, 51.8 | |
| WEB SAFE | #00153 | #00153 |
| BINARY | 00010001, 00010001, 10000100 | |
| iOS - SwiftUI | Color(red: 0.067, green: 0.067, blue: 0.518) | |
| iOS - UIKit | UIColor(red: 0.067, green: 0.067, blue: 0.518, alpha: 1) | |
| Android - Compose | Color(0xFF111184) |
