Ir para o seletor de cores

Cor #345666: Suave tom escuro de azul-celeste

#345666 é rgb(52, 86, 102) em RGB e oklch(43.393% 0.04754 229.515) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

199 °
100%

43,4%
0,048
230 °
  • Azul-celeste
  • Escuro
  • Suave
  • Fria
  • ≈ Carvão
  • slate-600
  • Preto 60%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
7.87:1Legível · AA
Lc -92
Texto preto
2.67:1Difícil de ler
Lc 17

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 #345666

#345666 é um suave tom escuro de azul-celeste. Em OKLCH, tem luminosidade 43,4%, croma 0.048 e matiz 230 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Carvão (#36454f). No Tailwind CSS, a cor mais próxima é slate-600.

Mais tons de azul-celeste (escuro)

Mais claro: #345666 misturado com branco

  1. 345666
  2. 476574
  3. 5a7583
  4. 6d8692
  5. 8196a1
  6. 95a7b0
  7. aab8bf
  8. bec9cf
  9. d4dbdf
  10. e9edef

Mais escuro: #345666 misturado com preto

  1. 345666
  2. 2c4a58
  3. 243e4a
  4. 1c323c
  5. 15272f
  6. 0e1c23
  7. 071217
  8. 03080c
  9. 010204
  10. 000000

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

  1. 345666
  2. 375664
  3. 3b5562
  4. 3e5560
  5. 41545e
  6. 44545c
  7. 465359
  8. 495357
  9. 4c5255
  10. 4e5153

Perguntas sobre #345666

Que cor é #345666?

#345666 é um suave tom escuro de azul-celeste. A cor com nome mais próxima é Suave tom escuro de azul-celeste. Em RGB é rgb(52, 86, 102), em HSL hsl(199.2, 32.47%, 30.2%) e em OKLCH oklch(43.393% 0.04754 229.515).

Quais cores combinam com #345666?

A cor complementar de #345666 é #674939. Para uma combinação mais tranquila, use as cores análogas #2e595b e #41526b. As parceiras da tríade são #654655 e #525334.

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

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

#345666 é uma cor quente ou fria?

#345666 é uma cor fria. Em OKLCH, o matiz é de 230 graus, a luminosidade 43,4% e o croma 0.048.