Ir para o seletor de cores

Cor #669cbe: Esmaecido tom de azul-celeste

#669cbe é rgb(102, 156, 190) em RGB e oklch(66.815% 0.07633 237.138) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

203 °
100%

66,8%
0,076
237 °
  • Azul-celeste
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Azul-aço
  • slate-400
  • Preto 25%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.97:1Difícil de ler
Lc -62
Texto preto
7.06:1Legível · AA
Lc 48

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

#669cbe é um esmaecido tom de azul-celeste. Em OKLCH, tem luminosidade 66,8%, croma 0.076 e matiz 237 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-aço (#4682b4). No Tailwind CSS, a cor mais próxima é slate-400.

Mais tons de azul-celeste (médio)

Mais claro: #669cbe misturado com branco

  1. 669cbe
  2. 75a6c5
  3. 85afcb
  4. 94b9d2
  5. a3c3d8
  6. b2cddf
  7. c1d7e5
  8. d1e1ec
  9. e0ebf2
  10. eff5f9

Mais escuro: #669cbe misturado com preto

  1. 669cbe
  2. 5887a5
  3. 4a738c
  4. 3c5f75
  5. 2f4c5e
  6. 233948
  7. 172833
  8. 0c181f
  9. 04090d
  10. 000102

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

  1. 669cbe
  2. 6b9bba
  3. 719bb6
  4. 769ab2
  5. 7b99ae
  6. 7f99aa
  7. 8498a5
  8. 8897a1
  9. 8c969d
  10. 909599

Cores com nome parecidas

Cores que combinam com #669cbe

Complementar
#669cbe#b98966
Análoga
#669cbe#57a2ad#8094c4
Tríade
#669cbe#bb8195#919b65
Dividida
#669cbe#bf837b#a9925d

Perguntas sobre #669cbe

Que cor é #669cbe?

#669cbe é um esmaecido tom de azul-celeste. A cor com nome mais próxima é Esmaecido tom de azul-celeste. Em RGB é rgb(102, 156, 190), em HSL hsl(203.18, 40.37%, 57.25%) e em OKLCH oklch(66.815% 0.07633 237.138).

Quais cores combinam com #669cbe?

A cor complementar de #669cbe é #b98966. Para uma combinação mais tranquila, use as cores análogas #57a2ad e #8094c4. As parceiras da tríade são #bb8195 e #919b65.

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

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

#669cbe é uma cor quente ou fria?

#669cbe é uma cor fria. Em OKLCH, o matiz é de 237 graus, a luminosidade 66,8% e o croma 0.076.