
Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com azul escuro?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre azul escuro para inspirar seu próximo design.
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.
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:
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:
Para complementar o azul escuro, considere combiná-lo com:
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:
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.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Safira Profunda
Prados Místicos
Nebulosa
Contraste 14,61
#111184
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 1,44
#111184
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
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) |

Quer encontrar as cores complementares ou análogas perfeitas para combinar com azul escuro?

Abrace o efeito calmante da cor azul.

Descubra a elegância clássica do azul marinho.