Ir para o seletor de cores

Cor #00a386: Intenso tom de verde-azulado

#00a386 é rgb(0, 163, 134) em RGB e oklch(63.829% 0.1214 174.026) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

169 °
100%

63,8%
0,121
174 °
  • Verde-azulado
  • Médio
  • Intenso
  • Fria
  • ≈ Jade
  • teal-600
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.19:1Difícil de ler
Lc -64
Texto preto
6.58: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 #00a386

#00a386 é um intenso tom de verde-azulado. Em OKLCH, tem luminosidade 63,8%, croma 0.121 e matiz 174 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.19:1 e texto preto a 6.58: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: #00a386 misturado com branco

  1. 00a386
  2. 3bac91
  3. 58b69d
  4. 70bfa9
  5. 86c8b5
  6. 9bd1c1
  7. b0dacd
  8. c4e4d9
  9. d8ede6
  10. ebf6f2

Mais escuro: #00a386 misturado com preto

  1. 00a386
  2. 008d74
  3. 007862
  4. 006351
  5. 004f40
  6. 003c30
  7. 002a21
  8. 001913
  9. 000a06
  10. 000101

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

  1. 00a386
  2. 2ca187
  3. 3f9f87
  4. 4d9d88
  5. 599a88
  6. 649889
  7. 6d9689
  8. 75938a
  9. 7d918a
  10. 858e8b

Cores com nome parecidas

Cores que combinam com #00a386

Complementar
#00a386#c46a91
Análoga
#00a386#5a9f5a#00a0ad
Tríade
#00a386#907cce#c4753d
Dividida
#00a386#b071b5#cb6c67

Perguntas sobre #00a386

Que cor é #00a386?

#00a386 é um intenso tom de verde-azulado. A cor com nome mais próxima é Intenso tom de verde-azulado. Em RGB é rgb(0, 163, 134), em HSL hsl(169.33, 100%, 31.96%) e em OKLCH oklch(63.829% 0.1214 174.026).

Quais cores combinam com #00a386?

A cor complementar de #00a386 é #c46a91. Para uma combinação mais tranquila, use as cores análogas #5a9f5a e #00a0ad. As parceiras da tríade são #907cce e #c4753d.

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

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

#00a386 é uma cor quente ou fria?

#00a386 é uma cor fria. Em OKLCH, o matiz é de 174 graus, a luminosidade 63,8% e o croma 0.121.