Azul escuro é um tom profundo e intenso de azul caracterizado por seu fascínio misterioso. Está posicionado na extremidade mais fria do espectro de cores e evoca imagens de céus noturnos e vastos oceanos, despertando sensações de tranquilidade e profundidade.

O azul escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #111184
- Valor RGB: 6,7% vermelho, 6,7% verde e 51,8% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar o azul escuro em seus designs:
- Preste atenção ao contraste e equilíbrio. Muito azul escuro pode fazer um design parecer muito sombrio. Considere combiná-lo com um tom mais claro de azul ou branco para adicionar um senso de equilíbrio que não sobrecarregue o espectador.
- Estabeleça uma hierarquia visual. Cores mais escuras são perfeitas para criar uma hierarquia visual. Use azul escuro para destacar elementos de menor prioridade, como um fundo.
- Considere a acessibilidade. Ao trabalhar com cores mais escuras no design de UI, é essencial considerar o contraste visual, como texto em um fundo. Considere usar cores contrastantes mais claras que permitam que os elementos se destaquem claramente.
- Abrace o lado escuro. Aplicativos e sites modernos oferecem modos escuros para suas interfaces de usuário. Use azul escuro para fundos de modo escuro para facilitar a visualização, especialmente à noite.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro profundo e rico como o azul escuro, considere:
- Azul marinho (#000080) é semelhante ao azul escuro, mas ligeiramente mais claro em aparência com um toque de cinza, oferecendo uma opção sofisticada e calmante.
- Roxo profundo (#800080) não está diretamente dentro da família dos azuis, mas proporciona uma sensação equivalente de riqueza e profundidade ousadas.
- Verde floresta (#355E3B) move-se para a família dos verdes. Como o azul escuro, é um tom que oferece uma emoção estável e calmante.
- Azul real (#305CDE) é um tom de azul mais brilhante e vibrante que oferece um tom régio semelhante que, quando combinado com azul escuro, pode proporcionar um contraste leve no design de UI.
Para complementar o azul escuro, considere combiná-lo com:
- Verde esmeralda (#00674F) funciona bem com azul escuro, oferecendo um esquema de cores luxuoso e régio.
- Bordô (#660033) é outro tom mais escuro que combina bem com azul escuro, criando uma sensação de riqueza e profundidade.
- Creme (#FDFBD4) contrasta com azul escuro, oferecendo uma opção mais suave do que o branco.
- Coral (#FF8559) e azul escuro se combinam para criar um tema que lembra o oceano e os recifes.
Outras cores que valem a pena considerar incluem cinza para uma aparência simples e sofisticada e cobre para instilar um pouco de calor dentro de uma paleta rica.
Embora o azul escuro seja versátil, ele pode entrar em conflito com:
- Laranja neon (#FF5F1F) entrará em conflito com azul escuro devido ao seu contraste acentuado e intensidade brilhante e forte.
- Verde neon (#2CFF05) é outra cor incrivelmente brilhante que entra em conflito com azul escuro, criando um visual avassalador.
- Roxo brilhante (#BF40BF) tem traços de azul, mas sua cor ousada pode ser avassaladora quando combinada com azul escuro.
- Azul elétrico (#00F0FF) prova que azul nem sempre combina com azul; este tom é muito intenso para ser combinado com azul escuro.
- Coral vibrante (#FF6F61) é muito intensamente saturado para ser combinado com azul escuro, ao contrário de sua contraparte de uma palavra, coral.
O azul escuro simboliza estabilidade e calma. Na cultura chinesa, o azul escuro está associado à longevidade e imortalidade. Os antigos gregos associavam o azul escuro ao deus Zeus, simbolizando sabedoria e autoridade. Os indígenas americanos consideram o azul escuro como um símbolo do céu noturno e do reino espiritual.
Na psicologia das cores, o azul escuro pode evocar sensações de tranquilidade e reflexão profunda. Também pode instilar emoções de confiança e confiabilidade. É comumente associado às vastas profundezas do oceano e ao céu noturno escuro.
No design de UI, o azul escuro pode ser usado como fundo para instilar uma sensação de confiança e segurança, como em aplicativos bancários, sites de saúde e plataformas de comércio eletrônico.
O nome “azul escuro” tem raízes na língua inglesa e refere-se a uma versão mais escura e intensa da cor azul. A cor azul primária tem raízes mais profundas na língua francesa como “bleu” e na língua proto-indo-europeia como a raiz “bhel”, que significa “brilhar”.
Os antigos egípcios usavam tons de azul para pintar cerâmicas, estátuas e os túmulos dos faraós. No século XIX, o azul escuro viu uma integração mais profunda em uniformes militares devido à sua associação com autoridade.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Safira Profunda
Prados Místicos
Nebulosa
Verificador de contraste
Contraste 14,61
- Texto grande
#111184
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 1,44
- Texto grande
#111184
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #111184, conhecida como Azul Escuro, tem valores RGB de R:17, G:17, B:132 e 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) |


