Ir para o seletor de cores

Cor #669aaa: Esmaecido tom de azul-celeste

#669aaa é rgb(102, 154, 170) em RGB e oklch(65.555% 0.06005 219.202) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

194 °
100%

65,6%
0,060
219 °
  • Azul-celeste
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Cinza-ardósia
  • slate-400
  • Preto 33%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.10:1Difícil de ler
Lc -63
Texto preto
6.77:1Legível · AA
Lc 46

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 #669aaa

#669aaa é um esmaecido tom de azul-celeste. Em OKLCH, tem luminosidade 65,6%, croma 0.06 e matiz 219 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

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

Mais tons de azul-celeste (médio)

Mais claro: #669aaa misturado com branco

  1. 669aaa
  2. 75a4b2
  3. 85aebb
  4. 94b8c3
  5. a3c2cc
  6. b2ccd4
  7. c1d6dd
  8. d1e0e5
  9. e0eaee
  10. eff5f6

Mais escuro: #669aaa misturado com preto

  1. 669aaa
  2. 588593
  3. 4a717d
  4. 3c5e68
  5. 2f4b53
  6. 23393f
  7. 17272d
  8. 0c171b
  9. 04090b
  10. 000101

Mais sóbrio: #669aaa com menos saturação

  1. 669aaa
  2. 6b99a8
  3. 7098a5
  4. 7497a3
  5. 7997a0
  6. 7d969d
  7. 81959b
  8. 859498
  9. 899396
  10. 8d9293

Perguntas sobre #669aaa

Que cor é #669aaa?

#669aaa é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(102, 154, 170), em HSL hsl(194.12, 28.57%, 53.33%) e em OKLCH oklch(65.555% 0.06005 219.202).

Quais cores combinam com #669aaa?

A cor complementar de #669aaa é #b28576. Para uma combinação mais tranquila, use as cores análogas #649d98 e #7594b5. As parceiras da tríade são #aa839d e #9a9267.

Texto branco ou preto é mais legível sobre #669aaa?

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

#669aaa é uma cor quente ou fria?

#669aaa é uma cor fria. Em OKLCH, o matiz é de 219 graus, a luminosidade 65,6% e o croma 0.06.