Ir al selector de color

Color Zafiro: #0f52ba

Zafiro es #0f52ba, rgb(15, 82, 186) en RGB y oklch(46.654% 0.17629 260.008) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

216°
100 %

46,7 %
0,176
260°
  • Azul
  • Oscuro
  • Intenso
  • Profundo
  • Frío
  • blue-800
  • Negro 27 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
7.15:1Legible · AA
Lc -89
Texto negro
2.94:1Difícil de leer
Lc 20

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Azul zafiro, Sapphire

Paletas con Zafiro

Colores con nombre parecidos

Preguntas sobre Zafiro

¿Cuál es el código HEX de Zafiro?

El código HEX de Zafiro es #0f52ba. En RGB es rgb(15, 82, 186), en HSL hsl(216.49, 85.07%, 39.41%) y en OKLCH oklch(46.654% 0.17629 260.008).

¿Qué colores combinan con Zafiro?

Su color complementario es #7b5000. Para un resultado más tranquilo, combínalo con los colores análogos #00648e y #5d3eb3. En esta página tienes paletas listas con Zafiro.

¿Zafiro es un color cálido o frío?

Zafiro es un color frío con un matiz OKLCH de 260 grados.

¿Qué color de texto se lee bien sobre Zafiro?

Sobre Zafiro se lee mejor el texto blanco: el blanco da una relación de contraste de 7.15:1 y el negro de 2.94:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #0f52ba

#0f52ba es un profundo tono oscuro de azul. En OKLCH tiene una luminosidad de 46,7 %, un croma de 0.176 y un matiz de 260°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 7.15:1 y el negro 2.94:1, así que se lee mejor el texto blanco.

El color con nombre más cercano es Zafiro (#0f52ba). En Tailwind CSS el más cercano es blue-800.

Más tonos de azul: oscuro

Más claro: #0f52ba mezclado con blanco

  1. 0f52ba

Más oscuro: #0f52ba mezclado con negro

  1. 0f52ba

Más sobrio: #0f52ba con menos saturación

  1. 0f52ba

Colores con nombre parecidos

Colores que combinan con #0f52ba

Complementaria
#0f52ba
Análoga
#0f52ba
Triádica
#0f52ba
Dividida
#0f52ba