Skip to content

Aprenda as características específicas das paletas de cores de azul médio a escuro

13 de abril de 2021

O azul é uma das cores mais comuns usadas em web design. Usar um azul médio a escuro estimula uma sensação relaxante que pode ser complementada com amarelo e laranja.

Amostras de cores de azul e outras cores com números hexadecimais

Lifewire / Marina Li
Aqui estão algumas maneiras diferentes de o azul funcionar com outras cores.

Os opostos se atraem e o azul combina com o laranja

Escolha um azul e escolha uma laranja para uma paleta complementar de 2 cores.

Lifewire / J. Bear
Considere combinar as cores azul com laranja em um esquema de cores complementar. Do mais escuro ao mais claro, as laranjas mostradas com cada amostra de azul na imagem acima são:

  • Hex # FFA500 | RGB 255,165,0 (uma laranja dourada; palavra-chave de cor SVG e palavra-chave de cor CSS laranja)
  • Hex # FF8000 | RGB 255,128,0 (laranja médio)
  • Hex # FF4500 | RGB 255,69,0 (vermelho alaranjado; palavra-chave da cor SVG laranja)
  • Hex # C83200 | RGB 200,50,0 (laranja escuro)
  • Números: Hex # FF7F27 | RGB 255,127,39 (uma laranja cor de pêssego)

Os azuis, do mais escuro ao mais claro são:

  1. Marinha: Hex # 000080 | RGB 0,0,128 (palavra-chave de cor CSS / palavra-chave de cor SVG marinho)
  2. Azul: Hex # 0000FF | RGB 0,0,255 (a palavra-chave da cor CSS / SVG é azul; cor segura para o navegador)
  3. Hex: # 0045FF | RGB 0,69,255 (um azul médio)
  4. Aço Azul: Hex # 4682B4 | RGB 70.130.180 (palavra-chave de cor SVG azul-aço; azul corporativo)
  5. Hex: # 0080FF | RGB 0,128,255 (um azul médio)
  6. Azul claro: Hex # ADD8E6 | RGB 173.216.230 (palavra-chave de cor SVG azul claro)

Os azuis escuros e os tons médios de azul simbolizam importância, confiança, poder, inteligência, estabilidade, unidade e conservadorismo. Ao adicionar um pouco de laranja à sua paleta predominantemente azul escura, você introduz um pouco de calor e energia que pode evitar que sua paleta seja muito afetada ou opressora.

Você não precisa usar esses tons exatos. Vá um pouco mais claro ou mais escuro, ou pule um ponto para a esquerda ou direita na roda de cores. Essas combinações de cores são apenas para ajudá-lo a encontrar uma paleta de cores adequada usando azul e laranja como componentes principais.

Misture Deep Blues com Golden Yellow

Escolha um tom de amarelo para combinar com um azul profundo ou azul violeta.

Lifewire / J. Bear
Transforme os azuis escuros em quase roxo e adicione um toque de amarelo-sol em um esquema de cores complementar. O azul é uma cor fria passando a quente à medida que você adiciona os tons arroxeados, enquanto o amarelo é uma cor quente do outro lado da roda de cores. Para evitar vibrações desagradáveis, evite usar em quantidades iguais. Dê vida ao seu azul com um toque de amarelo (ou acalme o seu amarelo com um toque de azul). Do mais escuro ao mais claro, o amarelo mostrado com cada amostra de azul na imagem acima são:

  • Amarelo Cadium: Hex # FF9912 | RGB 255,153,18 (um amarelo quente acastanhado)
  • Ouro: Hex # FFD700 | RGB 255.215,0 (palavra-chave de cor SVG ouro)
  • Números: Hex # FFFF00 | RGB 255,255,0 (palavra-chave de cor SVG / CSS amarelo)

Os blues são:

  1. Azul muito escuro: Hex # 000033 | RGB 0,0,51 (um azul escuro seguro para navegador)
  2. Azul da meia noite: Hex # 191970 | RGB 25,25,112 (palavra-chave de cor SVG azul-escuro)
  3. Azul escuro ardósia: Hex # 483D8B RGB 72,61,139 (palavra-chave da cor SVG azul escuro; azul púrpura acinzentado)
  4. Índigo: Hex # 4B0082 | RGB 75,0,130 (palavra-chave de cor SVG índigo; um azul arroxeado)
  5. Violeta Azul: Hex # 8A2BE2 | RGB 138,43,226 (palavra-chave de cor SVG blueviolet)
  6. Azul cobalto: Hex # 3D59AB | RGB 61,89,171

Cores que empurram para o lado violeta-púrpura do azul podem adicionar um toque de mistério, dicas de feminilidade. Ele adiciona calor ao azul frio.

Tons de ciano com laranja escuro

Escolha uma cor entre ciano e um laranja avermelhado quente.

Lifewire / J. Bear
O ciano médio a escuro é azul quase verde. Aqui, vários tons de azul médio e ciano são combinados com cores laranja acastanhado escuro. Além dos atributos calmantes do azul frio, esse tom mais escuro de azul também pode carregar um pouco do simbolismo do verde, como equilíbrio, harmonia e estabilidade. Ele recebe um pouco de calor e energia quando combinado com tons de laranja acastanhados ou avermelhados. O marrom é uma cor neutra natural e realista. Vermelho e ciano são opostos na roda de cores com alto contraste, mas não são necessariamente uma ótima combinação. Mudar do vermelho para o laranja e para os azuis mais escuros proporciona uma paleta mais agradável. Do mais escuro ao mais claro, o laranja-vermelho mostrado com cada amostra de azul na imagem acima são:

  • Vermelho Laranja Profundo: Hex # CD3700 | RGB 205,55,0
  • Laranja cádmio: Hex # FF6103 | RGB 255,97,3
  • Números: Hex vermelho # FF0000 | RGB 255,0,0 (palavra-chave de cor SVG / CSS vermelho)

Os blues são:

  1. Azul Royal escuro: Hex # 27408B | RGB 39,64,139
  2. Deep Sky Blue: Hex # 00688B | RGB 0,104,139 (não palavra-chave de cor deepskyblue)
  3. Azul escuro ardósia: Hex # 2F4F4F RGB 47,79,79 (não palavra-chave color darkslateblue)
  4. Ciano escuro: Hex # 008B8B | RGB 0,139,139 (o lado mais verde do azul)
  5. Azul de manganês: Hex # 03A89E | RGB 3.168.158 (uma cor azul turquesa)
  6. Ciano (Aqua): Hex # 00FFFF | RGB 0,255,255 (palavra-chave da cor SVG ciano ou aqua; uma cor azul esverdeada)

Azul, Vermelho e Amarelo

Azul Vermelho Amarelo e seus complementos azuis

Lifewire / J. Bear
Uma tríade complementar dividida pega uma cor (neste caso, azul) e, em seguida, pega as cores de cada lado do complemento dessa cor (cor oposta na roda de cores). O complemento do azul puro é amarelo puro. O azul médio é oposto ao laranja. Dependendo de qual tom de azul você começa e quantas cores intermediárias você passa, você pode combiná-lo com cores de vermelho-rosado a verde-amarelo.

  1. Marinha: Hex # 000080 | RGB 0,0,128
  2. Vermelho brilhante: Hex # FE0004 | RGB 254,0,4
  3. Amarelo ensolarado: Hex # FFFB00 | RGB 255.251,0
  4. Azul escuro ardósia: Hex # 483D8B RGB 72,61,139 (palavra-chave da cor SVG azul ardósia escura; azul púrpura acinzentado)
  5. Ouro: Hex # FFD700 | RGB 255.215,0 (palavra-chave de cor SVG ouro)
  6. Chartreuse: Hex # 7FFF00 | RGB 127.255,0
  7. Ciano escuro: Hex # 008B8B | RGB 0,139,139 (o lado mais verde do azul)
  8. Violeta-Vermelho: Hex # D02090 | RGB 208,32,144
  9. Laranja escuro: Hex # C83200 | RGB 200,50,0 (não palavra-chave de cor laranja escuro)

Tons mais escuros de azul denotam importância, confiança, poder, autoridade, inteligência, estabilidade, unidade e conservadorismo. O vermelho é outra cor poderosa, mas chama mais a atenção do que o azul. O amarelo adiciona brilho e alegria. O uso de quantidades iguais de cada cor o tornaria infantil (pense nas cores primárias), muito parecido com o exemplo # 1, mas se apenas pequenas doses de vermelho e amarelo (ou cores próximas) forem usadas com um esquema de cores principalmente azul escuro, é bastante adequado para adultos projetos que você não quer que apareçam também sério.