Ir al selector de color

Color Azul real: #4169e1

Azul real es #4169e1, rgb(65, 105, 225) en RGB y oklch(55.985% 0.18823 266.4) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

225°
100 %

56 %
0,188
266°
  • Azul
  • Medio
  • Intenso
  • Frío
  • blue-600
  • Negro 12 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.85:1Legible · AA
Lc -79
Texto negro
4.33:1Difícil de leer
Lc 31

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 rey, Royal blue

Paletas con Azul real

Colores con nombre parecidos

Preguntas sobre Azul real

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

El código HEX de Azul real es #4169e1. En RGB es rgb(65, 105, 225), en HSL hsl(225, 72.73%, 56.86%) y en OKLCH oklch(55.985% 0.18823 266.4).

¿Qué colores combinan con Azul real?

Su color complementario es #966d00. Para un resultado más tranquilo, combínalo con los colores análogos #007ebe y #8254d3. En esta página tienes paletas listas con Azul real.

¿Azul real es un color cálido o frío?

Azul real es un color frío con un matiz OKLCH de 266 grados.

¿Qué color de texto se lee bien sobre Azul real?

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

Sobre #4169e1

#4169e1 es un intenso tono de azul. En OKLCH tiene una luminosidad de 56 %, un croma de 0.188 y un matiz de 266°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Azul real (#4169e1). En Tailwind CSS el más cercano es blue-600.

Más tonos de azul: medio

Más claro: #4169e1 mezclado con blanco

  1. 4169e1

Más oscuro: #4169e1 mezclado con negro

  1. 4169e1

Más sobrio: #4169e1 con menos saturación

  1. 4169e1

Colores con nombre parecidos

Colores que combinan con #4169e1

Complementaria
#4169e1
Análoga
#4169e1
Triádica
#4169e1
Dividida
#4169e1