Ir para o seletor de cores

Cor #3f736a: Esmaecido tom de verde-azulado

#3f736a é rgb(63, 115, 106) em RGB e oklch(51.636% 0.05802 181.508) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

170 °
100%

51,6%
0,058
182 °
  • Verde-azulado
  • Médio
  • Suave
  • Esmaecido
  • Fria
  • ≈ Verde-azulado
  • teal-700
  • Preto 55%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
5.42:1Legível · AA
Lc -82
Texto preto
3.87:1Difícil de ler
Lc 27

Tons

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

Harmonias

Abrir como paleta

Recentes

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

Sobre #3f736a

#3f736a é um esmaecido tom de verde-azulado. Em OKLCH, tem luminosidade 51,6%, croma 0.058 e matiz 182 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Verde-azulado (#008080). No Tailwind CSS, a cor mais próxima é teal-700.

Mais tons de verde-azulado (médio)

Mais claro: #3f736a misturado com branco

  1. 3f736a
  2. 528078
  3. 658e86
  4. 789b94
  5. 8aa9a3
  6. 9db7b2
  7. b0c5c1
  8. c4d3d0
  9. d7e2df
  10. ebf0ef

Mais escuro: #3f736a misturado com preto

  1. 3f736a
  2. 35635b
  3. 2c544d
  4. 23453f
  5. 1b3631
  6. 122824
  7. 0a1b18
  8. 040f0d
  9. 010504
  10. 000100

Mais acinzentado: #3f736a com menos saturação

  1. 3f736a
  2. 44726a
  3. 49716a
  4. 4e7069
  5. 526f69
  6. 566e69
  7. 5a6c69
  8. 5d6b68
  9. 616a68
  10. 646968

Perguntas sobre #3f736a

Que cor é #3f736a?

#3f736a é um esmaecido tom de verde-azulado. A cor com nome mais próxima é Esmaecido tom de verde-azulado. Em RGB é rgb(63, 115, 106), em HSL hsl(169.62, 29.21%, 34.9%) e em OKLCH oklch(51.636% 0.05802 181.508).

Quais cores combinam com #3f736a?

A cor complementar de #3f736a é #845a65. Para uma combinação mais tranquila, use as cores análogas #4f7257 e #3d717b. As parceiras da tríade são #6e6084 e #806045.

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

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

#3f736a é uma cor quente ou fria?

#3f736a é uma cor fria. Em OKLCH, o matiz é de 182 graus, a luminosidade 51,6% e o croma 0.058.