Ir para o seletor de cores

Cor #00a486: Intenso tom de verde-azulado

#00a486 é rgb(0, 164, 134) em RGB e oklch(64.093% 0.12248 173.511) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

169 °
100%

64,1%
0,122
174 °
  • Verde-azulado
  • Médio
  • Intenso
  • Fria
  • ≈ Jade
  • teal-600
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.16:1Difícil de ler
Lc -63
Texto preto
6.65:1Legível · AA
Lc 46

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 #00a486

#00a486 é um intenso tom de verde-azulado. Em OKLCH, tem luminosidade 64,1%, croma 0.122 e matiz 174 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Jade (#00a86b). No Tailwind CSS, a cor mais próxima é teal-600.

Mais tons de verde-azulado (médio)

Mais claro: #00a486 misturado com branco

  1. 00a486
  2. 3bad91
  3. 58b69d
  4. 70c0a9
  5. 86c9b5
  6. 9bd2c1
  7. b0dbcd
  8. c4e4d9
  9. d8ede6
  10. ebf6f2

Mais escuro: #00a486 misturado com preto

  1. 00a486
  2. 008e74
  3. 007962
  4. 006451
  5. 005040
  6. 003d30
  7. 002b21
  8. 001a13
  9. 000a06
  10. 000101

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

  1. 00a486
  2. 2ca287
  3. 3fa087
  4. 4e9e88
  5. 5a9b89
  6. 649989
  7. 6e978a
  8. 76948a
  9. 7e928b
  10. 858f8c

Cores com nome parecidas

Cores que combinam com #00a486

Complementar
#00a486#c56b92
Análoga
#00a486#5b9f5a#00a1ae
Tríade
#00a486#907dcf#c5763e
Dividida
#00a486#b071b7#cc6c68

Perguntas sobre #00a486

Que cor é #00a486?

#00a486 é um intenso tom de verde-azulado. A cor com nome mais próxima é Intenso tom de verde-azulado. Em RGB é rgb(0, 164, 134), em HSL hsl(169.02, 100%, 32.16%) e em OKLCH oklch(64.093% 0.12248 173.511).

Quais cores combinam com #00a486?

A cor complementar de #00a486 é #c56b92. Para uma combinação mais tranquila, use as cores análogas #5b9f5a e #00a1ae. As parceiras da tríade são #907dcf e #c5763e.

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

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

#00a486 é uma cor quente ou fria?

#00a486 é uma cor fria. Em OKLCH, o matiz é de 174 graus, a luminosidade 64,1% e o croma 0.122.