Ir al selector de color

Color Ultramar: #120a8f

Ultramar es #120a8f, rgb(18, 10, 143) en RGB y oklch(30.73% 0.1944 268.462) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

244°
100 %

30,7 %
0,194
268°
  • Azul
  • Oscuro
  • Intenso
  • Profundo
  • Frío
  • indigo-900
  • Negro 44 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
14.33:1Legible · AA
Lc -103
Texto negro
1.47:1Difícil de leer
Lc 0

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 ultramar, Ultramarine

Paletas con Ultramar

Colores con nombre parecidos

Preguntas sobre Ultramar

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

El código HEX de Ultramar es #120a8f. En RGB es rgb(18, 10, 143), en HSL hsl(243.61, 86.93%, 30%) y en OKLCH oklch(30.73% 0.1944 268.462).

¿Qué colores combinan con Ultramar?

Su color complementario es #402c00. Para un resultado más tranquilo, combínalo con los colores análogos #003459 y #41007e. En esta página tienes paletas listas con Ultramar.

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

Ultramar es un color frío con un matiz OKLCH de 268 grados.

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

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

Sobre #120a8f

#120a8f es un profundo tono oscuro de azul. En OKLCH tiene una luminosidad de 30,7 %, un croma de 0.194 y un matiz de 268°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Ultramar (#120a8f). En Tailwind CSS el más cercano es indigo-900.

Más tonos de azul: oscuro

Más claro: #120a8f mezclado con blanco

  1. 120a8f

Más oscuro: #120a8f mezclado con negro

  1. 120a8f

Más sobrio: #120a8f con menos saturación

  1. 120a8f

Colores con nombre parecidos

Colores que combinan con #120a8f

Complementaria
#120a8f
Análoga
#120a8f
Triádica
#120a8f
Dividida
#120a8f