Ir para o seletor de cores

Cor Azul-ultramar: #120a8f

Azul-ultramar é #120a8f, rgb(18, 10, 143) em RGB e oklch(30.73% 0.1944 268.462) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

244 °
100%

30,7%
0,194
268 °
  • Azul
  • Escuro
  • Intenso
  • Profundo
  • Fria
  • indigo-900
  • Preto 44%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
14.33:1Legível · AA
Lc -103
Texto preto
1.47:1Difícil de ler
Lc 0

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Ultramar, Ultramarine

Paletas com Azul-ultramar

Cores com nome parecidas

Perguntas sobre Azul-ultramar

Qual é o código HEX de Azul-ultramar?

O código HEX de Azul-ultramar é #120a8f. Em RGB é rgb(18, 10, 143), em HSL hsl(243.61, 86.93%, 30%) e em OKLCH oklch(30.73% 0.1944 268.462).

Quais cores combinam com Azul-ultramar?

A cor complementar é #402c00. Para um visual mais tranquilo, combine com as cores análogas #003459 e #41007e. Paletas prontas com Azul-ultramar estão nesta página.

Azul-ultramar é uma cor quente ou fria?

Azul-ultramar é uma cor fria, com matiz OKLCH de 268 graus.

Qual cor de texto é legível sobre Azul-ultramar?

O texto branco é mais legível sobre Azul-ultramar: o branco dá uma razão de contraste de 14.33:1 e o preto, 1.47:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

Sobre #120a8f

#120a8f é um profundo tom escuro de azul. Em OKLCH, tem luminosidade 30,7%, croma 0.194 e matiz 268 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 14.33:1 e texto preto a 1.47:1, então o texto branco é mais legível.

A cor com nome mais próxima é Azul-ultramar (#120a8f). No Tailwind CSS, a cor mais próxima é indigo-900.

Mais tons de azul (escuro)

Mais claro: #120a8f misturado com branco

  1. 120a8f

Mais escuro: #120a8f misturado com preto

  1. 120a8f

Mais acinzentado: #120a8f com menos saturação

  1. 120a8f

Cores com nome parecidas

Cores que combinam com #120a8f

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