Saltar al contenido

Colores complementarios de azul medio a oscuro

abril 17, 2021
medium to dark blue color palettes 1077443 c1e7584b52d442ce9f5893553656367c

El azul es uno de los colores más utilizados en el diseño web. El uso de un azul medio a oscuro fomenta una sensación de relajación que se puede complementar con amarillo y naranja.

Lifewire / Marina Li

Aquí hay algunas formas diferentes en que el azul puede funcionar con otros colores.


Los opuestos se atraen y el azul va bien con el naranja

Lifewire / J. Bear



Considere combinar colores azules con naranja en un esquema de color complementario.

Desde el más oscuro al más claro, las naranjas que se muestran con cada muestra azul en la imagen de arriba son:

  • Hex # FFA500 | RGB 255,165,0 (naranja dorado; palabra clave de color SVG y palabra clave de color CSS naranja)
  • Hex. # FF8000 | RGB 255,128,0 (naranja medio)
  • Hex. # FF4500 | RGB 255,69,0 (rojo anaranjado; palabra clave de color SVG rojo anaranjado)
  • Hex. # C83200 | RGB 200,50,0 (naranja oscuro)
  • Números: Hexagonal # FF7F27 | RGB 255,127,39 (una naranja melocotón)

Los azules, de más oscuro a más claro son:

  1. Armada: Hex # 000080 | RGB 0,0,128 (palabra clave de color CSS / palabra clave de color SVG azul marino)
  2. Azul: Hex # 0000FF | RGB 0,0,255 (la palabra clave de color CSS / SVG es azul; color seguro para el navegador)
  3. Hex: # 0045FF | RGB 0,69,255 (un azul medio)
  4. Azul acero: Hexagonal # 4682B4 | RGB 70,130,180 (palabra clave de color SVG azul acero; azul corporativo)
  5. Hex: # 0080FF | RGB 0,128,255 (un azul medio)
  6. Azul claro: Hex. # ADD8E6 | RGB 173,216,230 (palabra clave de color SVG azul claro)

Los azules oscuros y los tonos medios de azul simbolizan importancia, confianza, poder, inteligencia, estabilidad, unidad y conservadurismo. Al agregar un poco de naranja a su paleta predominantemente azul oscuro, introduce algo de calidez y energía que puede evitar que su paleta sea demasiado forzada o abrumadora.

No tienes que usar estos tonos exactos. Vaya un poco más claro o más oscuro, o dé un paso hacia la izquierda o hacia la derecha en la rueda de colores. Estas combinaciones de colores son solo para ayudarlo a encontrar una paleta de colores adecuada utilizando el azul y el naranja como componentes principales.



Mezcla Deep Blues con Golden Yellow

Lifewire / J. Bear



Lleve los azules oscuros a casi morados y agregue un toque de amarillo sol en un esquema de color complementario.

El azul es un color frío que se mueve a cálido a medida que agrega los tonos violáceos, mientras que el amarillo es un color cálido al otro lado de la rueda de colores. Para evitar vibraciones desagradables, evite usar en cantidades iguales. Dale vida a tu azul con un toque de amarillo (o calma tu amarillo con un toque de azul).

Del más oscuro al más claro, el amarillo que se muestra con cada muestra azul en la imagen de arriba es:

  • Amarillo de cadio: Hex # FF9912 | RGB 255,153,18 (un amarillo pardusco cálido)
  • Oro: Hex. # FFD700 | RGB 255,215,0 (palabra clave de color SVG dorado)
  • Números: Hex # FFFF00 | RGB 255,255,0 (palabra clave de color SVG / CSS amarillo)

Los azules son:

  1. Azul muy oscuro: Hex # 000033 | RGB 0,0,51 (un navegador azul oscuro seguro)
  2. Azul medianoche: Hex # 191970 | RGB 25,25,112 (palabra clave de color SVG azul noche)
  3. Azul pizarra oscuro: Hex # 483D8B RGB 72,61,139 (palabra clave de color SVG darkslateblue; un azul grisáceo-violeta)
  4. Índigo: Hexagonal # 4B0082 | RGB 75,0,130 (palabra clave de color SVG índigo; un azul violáceo)
  5. Violeta Azul: Hex. # 8A2BE2 | RGB 138,43,226 (palabra clave de color SVG blueviolet)
  6. Azul cobalto: Hex. # 3D59AB | RGB 61,89,171

Los colores que empujan hacia el lado violeta-violeta del azul pueden agregar un toque de misterio, toques de feminidad. Agrega calidez al azul frío.



Tonos de cian con naranja oscuro

Lifewire / J. Bear



El cian medio a oscuro es azul al borde del verde. Aquí, varios tonos de azul medio y cian se combinan con colores naranja pardusco oscuro.

Además de los atributos calmantes del azul frío, este tono más oscuro de azul también puede llevar algo del simbolismo del verde, como el equilibrio, la armonía y la estabilidad. Obtiene un poco de calor y energía cuando se combina con tonos marrones o rojizos de naranja. El marrón es un color neutro natural y realista. El rojo y el cian son opuestos en la rueda de colores con alto contraste, pero no son necesariamente una gran combinación. Pasar de rojo a naranja y a azules más oscuros proporciona una paleta más agradable.

Desde el más oscuro al más claro, el rojo anaranjado que se muestra con cada muestra azul en la imagen de arriba son:

  • Rojo anaranjado intenso: Hex. # CD3700 | RGB 205,55,0
  • Naranja de cadmio: Hexagonal # FF6103 | RGB 255,97,3
  • Números: Hexágono rojo # FF0000 | RGB 255,0,0 (palabra clave de color SVG / CSS rojo)

Los azules son:

  1. Azul Real Oscuro: Hex. # 27408B | RGB 39,64,139
  2. Azul cielo profundo: Hex # 00688B | RGB 0,104,139 (no color palabra clave azul cielo)
  3. Azul pizarra oscuro: Hexagonal # 2F4F4F RGB 47,79,79 (no color palabra clave darkslateblue)
  4. Cian oscuro: Hex. # 008B8B | RGB 0,139,139 (el lado más verde del azul)
  5. Azul de manganeso: Hex. # 03A89E | RGB 3,168,158 (un color azul turquesa)
  6. Cian (aguamarina): Hex # 00FFFF | RGB 0,255,255 (palabra clave de color SVG cian o aguamarina; un color azul-verde)



Azul, rojo y amarillo

Lifewire / J. Bear



Una tríada complementaria dividida toma un color (en este caso azul) y luego toma los colores a cada lado del complemento de ese color (color opuesto en la rueda de colores). El complemento de azul puro es amarillo puro. El azul medio es opuesto al naranja. Dependiendo del tono de azul con el que empieces y de cuántos colores intermedios atravieses, puedes combinarlo con colores que van desde el rojo rosado al amarillo verdoso.

  1. Armada: Hex # 000080 | RGB 0,0,128
  2. Rojo brillante: Hex. # FE0004 | RGB 254,0,4
  3. Amarillo soleado: Hex. # FFFB00 | RGB 255,251,0
  4. Azul pizarra oscuro: Hex # 483D8B RGB 72,61,139 (palabra clave de color SVG azul pizarra oscuro; un azul púrpura grisáceo)
  5. Oro: Hex. # FFD700 | RGB 255,215,0 (palabra clave de color SVG dorado)
  6. Monasterio: Hex. # 7FFF00 | RGB 127,255,0
  7. Cian oscuro: Hex. # 008B8B | RGB 0,139,139 (el lado más verde del azul)
  8. Violeta-Rojo: Hexagonal # D02090 | RGB 208,32,144
  9. Naranja oscuro: Hex. # C83200 | RGB 200,50,0 (no color palabra clave naranja oscuro)

Los tonos más oscuros de azul denotan importancia, confianza, poder, autoridad, inteligencia, estabilidad, unidad y conservadurismo. El rojo es otro color poderoso, pero llama más la atención que el azul. El amarillo agrega algo de brillo y alegría. Usar cantidades iguales de cada color lo haría como un niño (piense en colores primarios) muy parecido al ejemplo n. ° 1, pero si solo se usan pequeñas dosis de rojo y amarillo (o colores cercanos) con un esquema de color en su mayoría azul oscuro, es bastante adecuado para adultos. proyectos que no quieres que aparezcan también grave.