Color Azul zafiro: código #0F52BA

Azul zafiro

#0F52BA

Códigos del color

  • 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 el color Azul zafiro

Azul zafiro tiene el código HEX #0F52BA, que corresponde a rgb(15, 82, 186) en el modelo RGB. En el círculo cromático, su tono está en 216°, con 85% de saturación y 39% de luminosidad (hsl(216, 85%, 39%)).

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,15:1 sobre él, frente a 2,93:1 del negro.

Para impresión, la conversión aproximada es cmyk(92%, 56%, 0%, 27%). 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 zafiro

Complementaria

#0F52BA · #B8740F

Análoga

#0FA7B8 · #0F52BA · #200FB8

Tríada

#0F52BA · #B80F53 · #53B80F

Tetrádica

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

Complementaria dividida

#0F52BA · #B8200F · #A7B80F

Monocromática

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

Azul zafiro con texto blanco y negro

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

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

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

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