Ir para o seletor de cores

Cor #548ea2: Esmaecido tom de azul-celeste

#548ea2 é rgb(84, 142, 162) em RGB e oklch(61.472% 0.06775 222.201) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

195 °
100%

61,5%
0,068
222 °
  • Azul-celeste
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Cinza-ardósia
  • cyan-600
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.64:1Difícil de ler
Lc -69
Texto preto
5.77:1Legível · AA
Lc 40

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 #548ea2

#548ea2 é um esmaecido tom de azul-celeste. Em OKLCH, tem luminosidade 61,5%, croma 0.068 e matiz 222 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Cinza-ardósia (#708090). No Tailwind CSS, a cor mais próxima é cyan-600.

Mais tons de azul-celeste (médio)

Mais claro: #548ea2 misturado com branco

  1. 548ea2
  2. 6699ab
  3. 77a4b4
  4. 88afbd
  5. 98bac7
  6. a9c6d0
  7. bad1d9
  8. cbdce3
  9. dce8ec
  10. eef3f6

Mais escuro: #548ea2 misturado com preto

  1. 548ea2
  2. 487b8c
  3. 3c6877
  4. 315663
  5. 26444f
  6. 1b343c
  7. 11242a
  8. 081519
  9. 02070a
  10. 000101

Mais acinzentado: #548ea2 com menos saturação

  1. 548ea2
  2. 5a8d9f
  3. 608c9c
  4. 658b99
  5. 6a8b96
  6. 6f8a93
  7. 738990
  8. 78888d
  9. 7c878a
  10. 808687

Perguntas sobre #548ea2

Que cor é #548ea2?

#548ea2 é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(84, 142, 162), em HSL hsl(195.38, 31.71%, 48.24%) e em OKLCH oklch(61.472% 0.06775 222.201).

Quais cores combinam com #548ea2?

A cor complementar de #548ea2 é #a87764. Para uma combinação mais tranquila, use as cores análogas #50928f e #6787ad. As parceiras da tríade são #a27590 e #8c8656.

Texto branco ou preto é mais legível sobre #548ea2?

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

#548ea2 é uma cor quente ou fria?

#548ea2 é uma cor fria. Em OKLCH, o matiz é de 222 graus, a luminosidade 61,5% e o croma 0.068.