Ir para o seletor de cores

Cor #00a676: Intenso tom de esmeralda

#00a676 é rgb(0, 166, 118) em RGB e oklch(64.198% 0.13678 164.016) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

163 °
100%

64,2%
0,137
164 °
  • Esmeralda
  • Médio
  • Intenso
  • Fria
  • ≈ Jade
  • emerald-600
  • Preto 35%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.13:1Difícil de ler
Lc -63
Texto preto
6.72: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 #00a676

#00a676 é um intenso tom de esmeralda. Em OKLCH, tem luminosidade 64,2%, croma 0.137 e matiz 164 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.13:1 e texto preto a 6.72: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 é emerald-600.

Mais tons de esmeralda (médio)

Mais claro: #00a676 misturado com branco

  1. 00a676
  2. 3baf83
  3. 58b890
  4. 70c19e
  5. 86caab
  6. 9bd3b9
  7. b0dcc6
  8. c4e5d4
  9. d8ede2
  10. ebf6f1

Mais escuro: #00a676 misturado com preto

  1. 00a676
  2. 009066
  3. 007a56
  4. 006547
  5. 005138
  6. 003e29
  7. 002b1c
  8. 001a0f
  9. 000a05
  10. 000101

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

  1. 00a676
  2. 2ca478
  3. 40a17b
  4. 4e9f7d
  5. 5a9d7f
  6. 649a82
  7. 6e9884
  8. 769586
  9. 7e9288
  10. 868f8a

Perguntas sobre #00a676

Que cor é #00a676?

#00a676 é um intenso tom de esmeralda. A cor com nome mais próxima é Intenso tom de esmeralda. Em RGB é rgb(0, 166, 118), em HSL hsl(162.65, 100%, 32.55%) e em OKLCH oklch(64.198% 0.13678 164.016).

Quais cores combinam com #00a676?

A cor complementar de #00a676 é #c568a1. Para uma combinação mais tranquila, use as cores análogas #699e42 e #00a4a4. As parceiras da tríade são #847fdc e #d06e41.

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

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

#00a676 é uma cor quente ou fria?

#00a676 é uma cor fria. Em OKLCH, o matiz é de 164 graus, a luminosidade 64,2% e o croma 0.137.