Cor Azul-safira: código #0F52BA

Azul-safira

#0F52BA

Códigos da cor

  • HEX#0F52BA
  • RGBrgb(15, 82, 186)
  • HSLhsl(216, 85%, 39%)
  • HSVhsv(216, 92%, 73%)
  • CMYKcmyk(92%, 56%, 0%, 27%)
  • LABlab(37.3% 21.8 -60)
  • OKLCHoklch(46.7% 0.176 260)

Sobre a cor Azul-safira

Azul-safira tem o código HEX #0F52BA, que corresponde a rgb(15, 82, 186) no modelo RGB. No círculo cromático, seu matiz fica em 216°, com 85% de saturação e 39% de luminosidade (hsl(216, 85%, 39%)).

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,15:1 sobre ela, contra 2,93:1 do preto.

Para impressão, a conversão aproximada é cmyk(92%, 56%, 0%, 27%). 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-safira

Complementar

#0F52BA · #B8740F

Análoga

#0FA7B8 · #0F52BA · #200FB8

Tríade

#0F52BA · #B80F53 · #53B80F

Tetrádica

#0F52BA · #B80FA7 · #B8740F · #0FB820

Complementar dividida

#0F52BA · #B8200F · #A7B80F

Monocromática

#051E42 · #0B3D89 · #0F52BA · #2676ED · #6DA3F3

Azul-safira com texto branco e preto

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

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-sapphire-blue: #0F52BA;
  --color-sapphire-blue-rgb: 15, 82, 186;
}

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