Ir para o seletor de cores

Cor #63a67f: Suave tom de esmeralda

#63a67f é rgb(99, 166, 127) em RGB e oklch(66.934% 0.09038 157.299) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

145 °
100%

66,9%
0,090
157 °
  • Esmeralda
  • Médio
  • Suave
  • Fria
  • ≈ Menta
  • teal-500
  • Preto 35%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.88:1Difícil de ler
Lc -60
Texto preto
7.29:1Legível · AA
Lc 49

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 #63a67f

#63a67f é um suave tom de esmeralda. Em OKLCH, tem luminosidade 66,9%, croma 0.09 e matiz 157 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Menta (#3eb489). No Tailwind CSS, a cor mais próxima é teal-500.

Mais tons de esmeralda (médio)

Mais claro: #63a67f misturado com branco

  1. 63a67f
  2. 73af8b
  3. 83b898
  4. 93c0a4
  5. a2c9b1
  6. b2d2bd
  7. c1dbca
  8. d0e4d7
  9. e0ede4
  10. eff6f2

Mais escuro: #63a67f misturado com preto

  1. 63a67f
  2. 55906e
  3. 477a5d
  4. 3a654c
  5. 2e513c
  6. 213e2d
  7. 162b1f
  8. 0b1a11
  9. 030a06
  10. 000101

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

  1. 63a67f
  2. 69a481
  3. 6fa384
  4. 74a186
  5. 7aa088
  6. 7f9e8a
  7. 839c8c
  8. 889a8f
  9. 8c9991
  10. 919793

Cores com nome parecidas

Cores que combinam com #63a67f

Complementar
#63a67f#b97fa9
Análoga
#63a67f#86a062#48a79f
Tríade
#63a67f#8790cc#c6816d
Dividida
#63a67f#a486c1#c57d8b

Perguntas sobre #63a67f

Que cor é #63a67f?

#63a67f é um suave tom de esmeralda. A cor com nome mais próxima é Suave tom de esmeralda. Em RGB é rgb(99, 166, 127), em HSL hsl(145.07, 27.35%, 51.96%) e em OKLCH oklch(66.934% 0.09038 157.299).

Quais cores combinam com #63a67f?

A cor complementar de #63a67f é #b97fa9. Para uma combinação mais tranquila, use as cores análogas #86a062 e #48a79f. As parceiras da tríade são #8790cc e #c6816d.

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

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

#63a67f é uma cor quente ou fria?

#63a67f é uma cor fria. Em OKLCH, o matiz é de 157 graus, a luminosidade 66,9% e o croma 0.09.