Informação da cor #86ab47

A cor hexadecimal 86ab47 no modelo de cores RGB (Red, Green, Blue), é um composta por 134 de vermelho, 171 de verde e 71 de azul.

No padrão de cores CMYK, é composto por 21.6% de ciano, 0% de magenta, 58.5% de amarelo e 32.9% de preto. Tem um ângulo de matiz de 82.2 graus, uma saturação de 41.3% e uma leveza de 47.5%.

A cor mais próxima WebSafe é 669933.

Conversões de #86ab47 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 86ab47
RGB 134, 171, 71
RGB Percentagem 52.5%, 67.1%, 27.8%
CMYK 0.22, 0, 0.58, 0.33
HSL 82.2°, 41.3%, 47.5%
HSV (ou HSB) 82.2°, 58.5%, 67.1%
RYB 27.8, 67.1, 42.4
Formato Cor
XYZ 28.2, 37.7, 13.3
CIELab 67.78, -27.62, 45.24
Decimal 8825671
Yxy 34.6487, 0.3572, 0.4847
YUV 148.537, 84.2432, 117.6312
CIELuv 65.4743, -18.3058, 59.6548
Web Safe 669933

Distribuição de #86ab47

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#86ab47

#86ab47
rgb(134,171,71)

#6c47ab

#6c47ab
rgb(108,71,171)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#4787ab

#4787ab
rgb(71,135,171)

#86ab47

#86ab47
rgb(134,171,71)

#ab4787

#ab4787
rgb(171,71,135)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#47ab9e

#47ab9e
rgb(71,171,158)

#86ab47

#86ab47
rgb(134,171,71)

#6c47ab

#6c47ab
rgb(108,71,171)

#ab4755

#ab4755
rgb(171,71,85)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#86ab47

#86ab47
rgb(134,171,71)

#9eab87

#9eab87
rgb(158,171,135)

#9dab85

#9dab85
rgb(157,171,133)

#9dab83

#9dab83
rgb(157,171,131)

#9cab81

#9cab81
rgb(156,171,129)

#9bab80

#9bab80
rgb(155,171,128)

Tons e Matizes de #86ab47

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#86ab47

#86ab47
rgb(134,171,71)

#9ebb6b

#9ebb6b
rgb(158,187,107)

#b6cc90

#b6cc90
rgb(182,204,144)

#ceddb5

#ceddb5
rgb(206,221,181)

#e6eeda

#e6eeda
rgb(230,238,218)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#86ab47

#86ab47
rgb(134,171,71)

#6b8838

#6b8838
rgb(107,136,56)

#50662a

#50662a
rgb(80,102,42)

#35441c

#35441c
rgb(53,68,28)

#1a220e

#1a220e
rgb(26,34,14)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #86ab47 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #86ab47 fica em um fundo preto.

Fundo de cor #86ab47

Esta visualização mostra como a cor branca fica em um fundo #86ab47.

Esta visualização mostra como a cor preta fica em um fundo #86ab47.

Contraste

Branco e #86ab47
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #86ab47
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #86ab47

Este exemplo mostra como o texto na cor #86ab47 se parece.

<span style="color:#86ab47;">Aqui fica o texto.</span>
Cor de fundo #86ab47

Este parágrafo tem fundo de cor #86ab47.

<p style="background-color:#86ab47;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #86ab47.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#86ab47;}
.background {background-color:#86ab47;}
.border {border:1px solid #86ab47;}

Cores alietórias

#254cba

#254cba
rgb(37,76,186)

#7fe1a2

#7fe1a2
rgb(127,225,162)

#ac9c1a

#ac9c1a
rgb(172,156,26)

#c5b314

#c5b314
rgb(197,179,20)

#febd48

#febd48
rgb(254,189,72)

#76ebd2

#76ebd2
rgb(118,235,210)

#52cfd9

#52cfd9
rgb(82,207,217)

#906729

#906729
rgb(144,103,41)

#f67bc9

#f67bc9
rgb(246,123,201)

#9d68a8

#9d68a8
rgb(157,104,168)

#e53554

#e53554
rgb(229,53,84)

#d0a436

#d0a436
rgb(208,164,54)