Ir para o seletor de cores

Cor Azul-royal: #4169e1

Azul-royal é #4169e1, rgb(65, 105, 225) em RGB e oklch(55.985% 0.18823 266.4) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

225 °
100%

56%
0,188
266 °
  • Azul
  • Médio
  • Intenso
  • Fria
  • blue-600
  • Preto 12%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
4.85:1Legível · AA
Lc -79
Texto preto
4.33:1Difícil de ler
Lc 31

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: Azul-real, Royal blue

Paletas com Azul-royal

Cores com nome parecidas

Perguntas sobre Azul-royal

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

O código HEX de Azul-royal é #4169e1. Em RGB é rgb(65, 105, 225), em HSL hsl(225, 72.73%, 56.86%) e em OKLCH oklch(55.985% 0.18823 266.4).

Quais cores combinam com Azul-royal?

A cor complementar é #966d00. Para um visual mais tranquilo, combine com as cores análogas #007ebe e #8254d3. Paletas prontas com Azul-royal estão nesta página.

Azul-royal é uma cor quente ou fria?

Azul-royal é uma cor fria, com matiz OKLCH de 266 graus.

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

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

Sobre #4169e1

#4169e1 é um intenso tom de azul. Em OKLCH, tem luminosidade 56%, croma 0.188 e matiz 266 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-royal (#4169e1). No Tailwind CSS, a cor mais próxima é blue-600.

Mais tons de azul (médio)

Mais claro: #4169e1 misturado com branco

  1. 4169e1

Mais escuro: #4169e1 misturado com preto

  1. 4169e1

Mais acinzentado: #4169e1 com menos saturação

  1. 4169e1

Cores com nome parecidas

Cores que combinam com #4169e1

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