Ir para o seletor de cores

Cor #587ea2: Esmaecido tom de azul

#587ea2 é rgb(88, 126, 162) em RGB e oklch(57.931% 0.07027 247.793) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

209 °
100%

57,9%
0,070
248 °
  • Azul
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Azul-aço
  • slate-500
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
4.27:1Difícil de ler
Lc -75
Texto preto
4.92: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 que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #587ea2

#587ea2 é um esmaecido tom de azul. Em OKLCH, tem luminosidade 57,9%, croma 0.07 e matiz 248 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 4.27:1 e texto preto a 4.92: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 (médio)

Mais claro: #587ea2 misturado com branco

  1. 587ea2
  2. 688aab
  3. 7897b5
  4. 88a3be
  5. 99b0c7
  6. a9bdd0
  7. bacada
  8. cbd7e3
  9. dce4ec
  10. edf2f6

Mais escuro: #587ea2 misturado com preto

  1. 587ea2
  2. 4b6d8c
  3. 3f5c77
  4. 334c63
  5. 283c4f
  6. 1d2d3c
  7. 121f2a
  8. 091119
  9. 03050a
  10. 000101

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

  1. 587ea2
  2. 5c7e9e
  3. 607d9a
  4. 637d96
  5. 677d92
  6. 6a7c8e
  7. 6d7c8a
  8. 717c86
  9. 747b82
  10. 777b7e

Perguntas sobre #587ea2

Que cor é #587ea2?

#587ea2 é um esmaecido tom de azul. A cor com nome mais próxima é Esmaecido tom de azul. Em RGB é rgb(88, 126, 162), em HSL hsl(209.19, 29.6%, 49.02%) e em OKLCH oklch(57.931% 0.07027 247.793).

Quais cores combinam com #587ea2?

A cor complementar de #587ea2 é #96724c. Para uma combinação mais tranquila, use as cores análogas #458496 e #7076a4. As parceiras da tríade são #9f6972 e #6e8255.

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

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

#587ea2 é uma cor quente ou fria?

#587ea2 é uma cor fria. Em OKLCH, o matiz é de 248 graus, a luminosidade 57,9% e o croma 0.07.