Cor Azul-petróleo: código #005F6A

Azul-petróleo

#005F6A

Códigos da cor

  • 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 a cor Azul-petróleo

Azul-petróleo tem o código HEX #005F6A, que corresponde a rgb(0, 95, 106) no modelo RGB. No círculo cromático, seu matiz fica em 186°, com 100% de saturação e 21% de luminosidade (hsl(186, 100%, 21%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 7,38:1 sobre ela, contra 2,84:1 do preto.

Para impressão, a conversão aproximada é cmyk(100%, 10%, 0%, 58%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Azul-petróleo

Complementar

#005F6A · #6B0B00

Análoga

#006B40 · #005F6A · #002B6B

Tríade

#005F6A · #6B0060 · #606B00

Tetrádica

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

Complementar dividida

#005F6A · #6B002B · #6B4000

Monocromática

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

Azul-petróleo com texto branco e preto

Texto branco Aa Bb Cc 123
7,38:1 · AAA
Texto preto Aa Bb Cc 123
2,84:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Como usar em CSS

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

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