Cor Azul Klein: código #002FA7

Azul Klein

#002FA7

Códigos da cor

  • HEX#002FA7
  • RGBrgb(0, 47, 167)
  • HSLhsl(223, 100%, 33%)
  • HSVhsv(223, 100%, 65%)
  • CMYKcmyk(100%, 72%, 0%, 35%)
  • LABlab(26.2% 37 -66.9)
  • OKLCHoklch(37.9% 0.195 263.2)

Sobre a cor Azul Klein

Azul Klein tem o código HEX #002FA7, que corresponde a rgb(0, 47, 167) no modelo RGB. No círculo cromático, seu matiz fica em 223°, com 100% de saturação e 33% de luminosidade (hsl(223, 100%, 33%)).

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 10,68:1 sobre ela, contra 1,96:1 do preto.

Para impressão, a conversão aproximada é cmyk(100%, 72%, 0%, 35%). 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 Klein

Complementar

#002FA7 · #A87900

Análoga

#0084A8 · #002FA7 · #2400A8

Tríade

#002FA7 · #A80030 · #30A800

Tetrádica

#002FA7 · #A80084 · #A87900 · #00A824

Complementar dividida

#002FA7 · #A82400 · #84A800

Monocromática

#000C29 · #002175 · #002FA7 · #0045F5 · #4278FF

Azul Klein com texto branco e preto

Texto branco Aa Bb Cc 123
10,68:1 · AAA
Texto preto Aa Bb Cc 123
1,96:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-klein-blue: #002FA7;
  --color-klein-blue-rgb: 0, 47, 167;
}

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

Cores parecidas

Use Azul Klein nas ferramentas