Ir para o seletor de cores

Cor #688ea2: Esmaecido tom de azul-celeste

#688ea2 é rgb(104, 142, 162) em RGB e oklch(62.587% 0.0518 231.57) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

201 °
100%

62,6%
0,052
232 °
  • Azul-celeste
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Cinza-ardósia
  • mist-500
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.51:1Difícil de ler
Lc -68
Texto preto
5.98: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 em que você para ou que copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #688ea2

#688ea2 é um esmaecido tom de azul-celeste. Em OKLCH, tem luminosidade 62,6%, croma 0.052 e matiz 232 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.51:1 e texto preto a 5.98: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 é mist-500.

Mais tons de azul-celeste (médio)

Mais claro: #688ea2 misturado com branco

  1. 688ea2
  2. 7799ab
  3. 85a4b4
  4. 94afbd
  5. a3bac7
  6. b2c5d0
  7. c1d1d9
  8. d0dce3
  9. e0e8ec
  10. eff3f5

Mais escuro: #688ea2 misturado com preto

  1. 688ea2
  2. 597b8c
  3. 4b6877
  4. 3e5663
  5. 30444f
  6. 24343c
  7. 18242a
  8. 0c1519
  9. 04070a
  10. 000101

Mais sóbrio: #688ea2 com menos saturação

  1. 688ea2
  2. 6c8d9f
  3. 6f8d9d
  4. 728c9a
  5. 768c98
  6. 798b95
  7. 7c8a92
  8. 7f8a90
  9. 82898d
  10. 85888a

Perguntas sobre #688ea2

Que cor é #688ea2?

#688ea2 é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(104, 142, 162), em HSL hsl(200.69, 23.77%, 52.16%) e em OKLCH oklch(62.587% 0.0518 231.57).

Quais cores combinam com #688ea2?

A cor complementar de #688ea2 é #a2806c. Para uma combinação mais tranquila, use as cores análogas #629295 e #7789a8. As parceiras da tríade são #a17b8b e #888b67.

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

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

#688ea2 é uma cor quente ou fria?

#688ea2 é uma cor fria. Em OKLCH, o matiz é de 232 graus, a luminosidade 62,6% e o croma 0.052.