Ir para o seletor de cores

Cor #558fa2: Esmaecido tom de azul-celeste

#558fa2 é rgb(85, 143, 162) em RGB e oklch(61.76% 0.06706 221.027) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

195 °
100%

61,8%
0,067
221 °
  • 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.60:1Difícil de ler
Lc -69
Texto preto
5.84:1Legível · AA
Lc 41

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 #558fa2

#558fa2 é um esmaecido tom de azul-celeste. Em OKLCH, tem luminosidade 61,8%, croma 0.067 e matiz 221 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.6:1 e texto preto a 5.84: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: #558fa2 misturado com branco

  1. 558fa2
  2. 669aab
  3. 77a5b4
  4. 88b0bd
  5. 99bbc7
  6. aac6d0
  7. bbd1d9
  8. ccdde3
  9. dde8ec
  10. eef3f5

Mais escuro: #558fa2 misturado com preto

  1. 558fa2
  2. 497c8c
  3. 3d6977
  4. 315763
  5. 26454f
  6. 1c343c
  7. 11242a
  8. 081519
  9. 02070a
  10. 000101

Mais acinzentado: #558fa2 com menos saturação

  1. 558fa2
  2. 5b8e9f
  3. 618d9c
  4. 668c9a
  5. 6b8b97
  6. 708b94
  7. 748a91
  8. 79898e
  9. 7d878b
  10. 818688

Perguntas sobre #558fa2

Que cor é #558fa2?

#558fa2 é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(85, 143, 162), em HSL hsl(194.81, 31.17%, 48.43%) e em OKLCH oklch(61.76% 0.06706 221.027).

Quais cores combinam com #558fa2?

A cor complementar de #558fa2 é #a97866. Para uma combinação mais tranquila, use as cores análogas #52938f e #6789ad. As parceiras da tríade são #a27691 e #8e8757.

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

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

#558fa2 é uma cor quente ou fria?

#558fa2 é uma cor fria. Em OKLCH, o matiz é de 221 graus, a luminosidade 61,8% e o croma 0.067.