Ir para o seletor de cores

Cor #86c8a2: Suave tom claro de esmeralda

#86c8a2 é rgb(134, 200, 162) em RGB e oklch(77.785% 0.08674 158.344) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

145 °
100%

77,8%
0,087
158 °
  • Esmeralda
  • Claro
  • Suave
  • Fria
  • ≈ Pistache
  • teal-400
  • Preto 22%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.94:1Difícil de ler
Lc -42
Texto preto
10.80:1Legível · AA
Lc 67

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Abrir como paleta

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #86c8a2

#86c8a2 é um suave tom claro de esmeralda. Em OKLCH, tem luminosidade 77,8%, croma 0.087 e matiz 158 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Pistache (#93c572). No Tailwind CSS, a cor mais próxima é teal-400.

Mais tons de esmeralda (claro)

Mais claro: #86c8a2 misturado com branco

  1. 86c8a2
  2. 93ceab
  3. 9fd3b4
  4. abd9bd
  5. b7dec7
  6. c3e4d0
  7. cfe9d9
  8. dbefe3
  9. e7f4ec
  10. f3faf5

Mais escuro: #86c8a2 misturado com preto

  1. 86c8a2
  2. 74ae8c
  3. 629477
  4. 517b63
  5. 40634f
  6. 304c3c
  7. 21362a
  8. 132119
  9. 060f0a
  10. 010201

Mais acinzentado: #86c8a2 com menos saturação

  1. 86c8a2
  2. 8cc6a4
  3. 91c5a6
  4. 96c3a8
  5. 9bc1aa
  6. a0c0ac
  7. a5beae
  8. aabcb1
  9. aebab3
  10. b2b8b5

Perguntas sobre #86c8a2

Que cor é #86c8a2?

#86c8a2 é um suave tom claro de esmeralda. A cor com nome mais próxima é Suave tom claro de esmeralda. Em RGB é rgb(134, 200, 162), em HSL hsl(145.45, 37.5%, 65.49%) e em OKLCH oklch(77.785% 0.08674 158.344).

Quais cores combinam com #86c8a2?

A cor complementar de #86c8a2 é #dca1ca. Para uma combinação mais tranquila, use as cores análogas #a6c286 e #70c9c1. As parceiras da tríade são #aab2ee e #e8a48e.

Texto branco ou preto é mais legível sobre #86c8a2?

O texto preto é mais legível sobre #86c8a2: o branco dá uma razão de contraste de 1.94:1 e o preto, 10.8:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

#86c8a2 é uma cor quente ou fria?

#86c8a2 é uma cor fria. Em OKLCH, o matiz é de 158 graus, a luminosidade 77,8% e o croma 0.087.