Ir para o seletor de cores

Cor #00a877: Intenso tom de esmeralda

#00a877 é rgb(0, 168, 119) em RGB e oklch(64.756% 0.13838 163.8) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

163 °
100%

64,8%
0,138
164 °
  • Esmeralda
  • Médio
  • Intenso
  • Fria
  • ≈ Jade
  • emerald-600
  • Preto 34%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.06:1Difícil de ler
Lc -62
Texto preto
6.87:1Legível · AA
Lc 47

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

#00a877 é um intenso tom de esmeralda. Em OKLCH, tem luminosidade 64,8%, croma 0.138 e matiz 164 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

  1. 00a877
  2. 3cb184
  3. 59ba91
  4. 71c39e
  5. 87cbac
  6. 9cd4b9
  7. b0ddc7
  8. c4e5d5
  9. d8eee3
  10. ebf6f1

Mais escuro: #00a877 misturado com preto

  1. 00a877
  2. 009267
  3. 007c57
  4. 006747
  5. 005238
  6. 003f2a
  7. 002c1c
  8. 001a10
  9. 000a05
  10. 000101

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

  1. 00a877
  2. 2da679
  3. 40a37c
  4. 4fa17e
  5. 5b9f81
  6. 669c83
  7. 6f9985
  8. 789788
  9. 80948a
  10. 87918c

Perguntas sobre #00a877

Que cor é #00a877?

#00a877 é um intenso tom de esmeralda. A cor com nome mais próxima é Intenso tom de esmeralda. Em RGB é rgb(0, 168, 119), em HSL hsl(162.5, 100%, 32.94%) e em OKLCH oklch(64.756% 0.13838 163.8).

Quais cores combinam com #00a877?

A cor complementar de #00a877 é #c769a3. Para uma combinação mais tranquila, use as cores análogas #6aa042 e #00a6a5. As parceiras da tríade são #8581df e #d26f42.

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

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

#00a877 é uma cor quente ou fria?

#00a877 é uma cor fria. Em OKLCH, o matiz é de 164 graus, a luminosidade 64,8% e o croma 0.138.