Paleta de colores

Color azul petróleo

Azul oscuro con matiz verde, como el reflejo del petróleo. Es elegante y profundo, menos frío que el azul marino. Se usa en sofás de terciopelo, ropa formal y marcas que quieren verse serias.

También llamado: petróleo.

Azul petróleo · #084C61

Datos del color azul petróleo

El azul petróleo (#084C61) es un color frío, oscuro y muy saturado. Pertenece a la familia de los turquesas. Se mezcla con 8 de rojo, 76 de verde y 97 de azul (sobre 255). Se usa sobre todo en moda, decoración, branding.

Tonos del azul petróleo: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el azul petróleo

MostazaUn contraste cálido muy elegante.TerracotaCasi su complementario, lleno de calidez.BeigeUna base suave y acogedora.Rosa paloContraste suave y moderno.GrisUn look sobrio y sofisticado.DoradoAporta lujo y brillo.CoralUn acento vivo y alegre.BlancoIlumina y refresca.
Cómo combinar el azul petróleo en ropa y decoración →

Armonías del color azul petróleo

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Castaño
AnálogosCercano a: Verde botella, Azul medianoche
TríadaCercano a: Ciruela, Verde militar
Complementario divididoCercano a: Vino, Sepia
TétradaCercano a: Azul medianoche, Castaño, Verde oscuro

Paletas con el color azul petróleo

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Azul petróleo
Paleta Análoga · Azul petróleo
Paleta Complementaria · Azul petróleo
Paleta Tríada · Azul petróleo
Paleta Con neutros · Azul petróleo
Paleta Con acento · Azul petróleo

Contraste del azul petróleo con texto

Texto blancoContraste 9.5:1 · AAA
Texto negroContraste 2.2:1 · No recomendado

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --azul-petroleo: #084C61;
  --azul-petroleo-rgb: 8, 76, 97;
}
.fondo { background-color: var(--azul-petroleo); }
.texto { color: var(--azul-petroleo); }

Colores parecidos al azul petróleo

Gris carbónAzul de PrusiaGrafitoVerde petróleoAntracitaÓnixGris OxfordGris oscuroAzabacheAzul cerúleo

Paletas temáticas con este color

Paletas de colores para página webPaletas de colores para cafeteríaPaletas de colores de veranoPaletas de colores de inviernoPaletas de colores de playaPaletas de colores del Caribe

Otros turquesas

TurquesaAguamarinaCianVerde aguaVerde azuladoVerde petróleoTurquesa oscuroTurquesa pastelAzul Tiffany

Preguntas frecuentes

¿Cuál es el código del color azul petróleo?

El código HEX del color azul petróleo es #084C61. En RGB es rgb(8, 76, 97), en HSL es hsl(194, 85%, 21%) y en CMYK es 92, 22, 0, 62.

¿Qué color es el complementario del azul petróleo?

Su complementario en el círculo cromático es #611D08, un tono cercano al castaño. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color azul petróleo?

Sí. El contraste con blanco es 9.5:1, suficiente para texto normal (WCAG AA).

¿Con qué colores combina el azul petróleo?

Combina bien con mostaza, terracota, beige, rosa palo, gris. Evita juntarlo con negro o azul marino sin otro color, porque se pierde. Los verdes muy brillantes a su lado también chocan.