Ir para o seletor de cores

Cor Carvão: #36454f

Carvão é #36454f, rgb(54, 69, 79) em RGB e oklch(38.138% 0.02578 237.542) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

204 °
100%

38,1%
0,026
238 °
  • Azul-celeste
  • Escuro
  • Discreto
  • Fria
  • mist-700
  • Preto 69%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
9.90:1Legível · AA
Lc -97
Texto preto
2.12:1Difícil de ler
Lc 11

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Cinza-carvão, Charcoal

Paletas com Carvão

Cores com nome parecidas

Perguntas sobre Carvão

Qual é o código HEX de Carvão?

O código HEX de Carvão é #36454f. Em RGB é rgb(54, 69, 79), em HSL hsl(204, 18.8%, 26.08%) e em OKLCH oklch(38.138% 0.02578 237.542).

Quais cores combinam com Carvão?

A cor complementar é #4e4035. Para um visual mais tranquilo, combine com as cores análogas #33474a e #3d4351. Paletas prontas com Carvão estão nesta página.

Carvão é uma cor quente ou fria?

Carvão é uma cor fria, com matiz OKLCH de 238 graus.

Qual cor de texto é legível sobre Carvão?

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

Sobre #36454f

#36454f é um discreto tom escuro de azul-celeste. Em OKLCH, tem luminosidade 38,1%, croma 0.026 e matiz 238 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

Mais tons de azul-celeste (escuro)

Mais claro: #36454f misturado com branco

  1. 36454f

Mais escuro: #36454f misturado com preto

  1. 36454f
  2. 000000

Mais acinzentado: #36454f com menos saturação

  1. 36454f

Cores com nome parecidas

Cores que combinam com #36454f

Complementar
#36454f
Análoga
#36454f
Triádica
#36454f
Dividida
#36454f