Ir para o seletor de cores

Cor #577fa2: Esmaecido tom de azul-celeste

#577fa2 é rgb(87, 127, 162) em RGB e oklch(58.103% 0.07021 245.798) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

208 °
100%

58,1%
0,070
246 °
  • Azul-celeste
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Azul-aço
  • slate-500
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
4.23:1Difícil de ler
Lc -75
Texto preto
4.96:1Legível · AA
Lc 35

Tons

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

Harmonias

Abrir como paleta

Recentes

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

Sobre #577fa2

#577fa2 é um esmaecido tom de azul-celeste. Em OKLCH, tem luminosidade 58,1%, croma 0.07 e matiz 246 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-aço (#4682b4). No Tailwind CSS, a cor mais próxima é slate-500.

Mais tons de azul-celeste (médio)

Mais claro: #577fa2 misturado com branco

  1. 577fa2
  2. 678bab
  3. 7798b5
  4. 88a4be
  5. 98b1c7
  6. a9bed0
  7. bacada
  8. cbd7e3
  9. dce4ec
  10. edf2f6

Mais escuro: #577fa2 misturado com preto

  1. 577fa2
  2. 4b6e8c
  3. 3e5d77
  4. 334c63
  5. 273c4f
  6. 1c2d3c
  7. 121f2a
  8. 081119
  9. 03060a
  10. 000101

Mais sóbrio: #577fa2 com menos saturação

  1. 577fa2
  2. 5b7f9e
  3. 5f7e9a
  4. 637e96
  5. 667e93
  6. 6a7d8f
  7. 6d7d8b
  8. 717c87
  9. 747c83
  10. 777b7f

Perguntas sobre #577fa2

Que cor é #577fa2?

#577fa2 é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(87, 127, 162), em HSL hsl(208, 30.12%, 48.82%) e em OKLCH oklch(58.103% 0.07021 245.798).

Quais cores combinam com #577fa2?

A cor complementar de #577fa2 é #97724d. Para uma combinação mais tranquila, use as cores análogas #458595 e #6f77a4. As parceiras da tríade são #9f6974 e #708254.

Texto branco ou preto é mais legível sobre #577fa2?

O texto branco é mais legível sobre #577fa2: o branco dá uma razão de contraste de 4.23:1 e o preto, 4.96:1. A WCAG AA pede pelo menos 4,5:1 para texto corrido.

#577fa2 é uma cor quente ou fria?

#577fa2 é uma cor fria. Em OKLCH, o matiz é de 246 graus, a luminosidade 58,1% e o croma 0.07.