Color Azul petróleo: código #005F6A

Azul petróleo

#005F6A

Códigos del color

  • HEX#005F6A
  • RGBrgb(0, 95, 106)
  • HSLhsl(186, 100%, 21%)
  • HSVhsv(186, 100%, 42%)
  • CMYKcmyk(100%, 10%, 0%, 58%)
  • LABlab(36.4% -19.5 -13.1)
  • OKLCHoklch(44.4% 0.077 208.5)

Sobre el color Azul petróleo

Azul petróleo tiene el código HEX #005F6A, que corresponde a rgb(0, 95, 106) en el modelo RGB. En el círculo cromático, su tono está en 186°, con 100% de saturación y 21% de luminosidad (hsl(186, 100%, 21%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto claro: el blanco alcanza un contraste de 7,38:1 sobre él, frente a 2,84:1 del negro.

Para impresión, la conversión aproximada es cmyk(100%, 10%, 0%, 58%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Azul petróleo

Complementaria

#005F6A · #6B0B00

Análoga

#006B40 · #005F6A · #002B6B

Tríada

#005F6A · #6B0060 · #606B00

Tetrádica

#005F6A · #40006B · #6B0B00 · #2B6B00

Complementaria dividida

#005F6A · #6B002B · #6B4000

Monocromática

#000000 · #003238 · #005F6A · #00A5B8 · #05E6FF

Azul petróleo con texto blanco y negro

Texto blanco Aa Bb Cc 123
7,38:1 · AAA
Texto negro Aa Bb Cc 123
2,84:1 · no cumple WCAG

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-petrol-blue: #005F6A;
  --color-petrol-blue-rgb: 0, 95, 106;
}

.elemento {
  background-color: var(--color-petrol-blue);
  color: #FFFFFF;
}