Ir para o seletor de cores

Cor #166ea4: Intenso tom de azul-celeste

#166ea4 é rgb(22, 110, 164) em RGB e oklch(51.647% 0.11514 242.423) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

203 °
100%

51,6%
0,115
242 °
  • Azul-celeste
  • Médio
  • Intenso
  • Fria
  • ≈ Cerúleo
  • sky-700
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
5.53:1Legível · AA
Lc -82
Texto preto
3.80:1Difícil de ler
Lc 27

Tons

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

Harmonias

Abrir como paleta

Recentes

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

Sobre #166ea4

#166ea4 é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 51,6%, croma 0.115 e matiz 242 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Cerúleo (#007ba7). No Tailwind CSS, a cor mais próxima é sky-700.

Mais tons de azul-celeste (médio)

Mais claro: #166ea4 misturado com branco

  1. 166ea4
  2. 367cae
  3. 4f8bb7
  4. 6599c0
  5. 7ba7c9
  6. 91b6d3
  7. a7c4dc
  8. bdd3e5
  9. d2e1ed
  10. e9f0f6

Mais escuro: #166ea4 misturado com preto

  1. 166ea4
  2. 125f8e
  3. 0d5079
  4. 094164
  5. 063350
  6. 03263d
  7. 02192b
  8. 010e1a
  9. 00040a
  10. 000101

Mais acinzentado: #166ea4 com menos saturação

  1. 166ea4
  2. 266e9e
  3. 316e98
  4. 3b6d92
  5. 436d8d
  6. 4a6c87
  7. 516b81
  8. 576b7a
  9. 5d6a74
  10. 62696e

Perguntas sobre #166ea4

Que cor é #166ea4?

#166ea4 é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(22, 110, 164), em HSL hsl(202.82, 76.34%, 36.47%) e em OKLCH oklch(51.647% 0.11514 242.423).

Quais cores combinam com #166ea4?

A cor complementar de #166ea4 é #965609. Para uma combinação mais tranquila, use as cores análogas #00778d e #5262aa. As parceiras da tríade são #9c4862 e #5c7217.

Texto branco ou preto é mais legível sobre #166ea4?

O texto branco é mais legível sobre #166ea4: o branco dá uma razão de contraste de 5.53:1 e o preto, 3.8:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

#166ea4 é uma cor quente ou fria?

#166ea4 é uma cor fria. Em OKLCH, o matiz é de 242 graus, a luminosidade 51,6% e o croma 0.115.