Ir para o seletor de cores

Cor #669caf: Esmaecido tom de azul-celeste

#669caf é rgb(102, 156, 175) em RGB e oklch(66.211% 0.06353 222.181) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

196 °
100%

66,2%
0,064
222 °
  • Azul-celeste
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Cinza-ardósia
  • slate-400
  • Preto 31%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.03:1Difícil de ler
Lc -62
Texto preto
6.94:1Legível · AA
Lc 47

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

#669caf é um esmaecido tom de azul-celeste. Em OKLCH, tem luminosidade 66,2%, croma 0.064 e matiz 222 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.03:1 e texto preto a 6.94: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: #669caf misturado com branco

  1. 669caf
  2. 75a6b7
  3. 85afbf
  4. 94b9c7
  5. a3c3cf
  6. b2cdd7
  7. c1d7df
  8. d1e1e7
  9. e0ebef
  10. eff5f7

Mais escuro: #669caf misturado com preto

  1. 669caf
  2. 588798
  3. 4a7381
  4. 3c5f6b
  5. 2f4c56
  6. 233941
  7. 17282e
  8. 0c181c
  9. 04090b
  10. 000101

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

  1. 669caf
  2. 6b9bac
  3. 709aa9
  4. 7599a7
  5. 7a99a4
  6. 7e98a1
  7. 83979e
  8. 87969b
  9. 8b9598
  10. 8f9496

Perguntas sobre #669caf

Que cor é #669caf?

#669caf é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(102, 156, 175), em HSL hsl(195.62, 31.33%, 54.31%) e em OKLCH oklch(66.211% 0.06353 222.181).

Quais cores combinam com #669caf?

A cor complementar de #669caf é #b58674. Para uma combinação mais tranquila, use as cores análogas #62a09d e #7796b9. As parceiras da tríade são #af849e e #9a9567.

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

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

#669caf é uma cor quente ou fria?

#669caf é uma cor fria. Em OKLCH, o matiz é de 222 graus, a luminosidade 66,2% e o croma 0.064.