Informação da cor #81ad70

A cor hexadecimal 81ad70 no modelo de cores RGB (Red, Green, Blue), é um composta por 129 de vermelho, 173 de verde e 112 de azul.

No padrão de cores CMYK, é composto por 25.4% de ciano, 0% de magenta, 35.3% de amarelo e 32.2% de preto. Tem um ângulo de matiz de 103.3 graus, uma saturação de 27.1% e uma leveza de 55.9%.

A cor mais próxima WebSafe é 669966.

Conversões de #81ad70 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 81ad70
RGB 129, 173, 112
RGB Percentagem 50.6%, 67.8%, 43.9%
CMYK 0.25, 0, 0.35, 0.32
HSL 103.3°, 27.1%, 55.9%
HSV (ou HSB) 103.3°, 35.3%, 67.8%
RYB 43.9, 67.8, 61.2
Formato Cor
XYZ 29.8, 38.8, 23.8
CIELab 68.61, -25.21, 25.47
Decimal 8498544
Yxy 35.7233, 0.3226, 0.4281
YUV 152.89, 104.9244, 110.96
CIELuv 66.308, -22.0646, 39.5934
Web Safe 669966

Distribuição de #81ad70

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.

#81ad70

#81ad70
rgb(129,173,112)

#9c71ad

#9c71ad
rgb(156,113,173)

Cores triadicas

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

#7182ad

#7182ad
rgb(113,130,173)

#81ad70

#81ad70
rgb(129,173,112)

#ad7182

#ad7182
rgb(173,113,130)

Cores tetrádicas

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

#71a0ad

#71a0ad
rgb(113,160,173)

#81ad70

#81ad70
rgb(129,173,112)

#9c71ad

#9c71ad
rgb(156,113,173)

#ad7e71

#ad7e71
rgb(173,126,113)

Cores monocromáticas

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

#81ad70

#81ad70
rgb(129,173,112)

#93ad89

#93ad89
rgb(147,173,137)

#92ad87

#92ad87
rgb(146,173,135)

#90ad85

#90ad85
rgb(144,173,133)

#8fad83

#8fad83
rgb(143,173,131)

#8ead82

#8ead82
rgb(142,173,130)

Tons e Matizes de #81ad70

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

Matiz (adicionando branco)
#81ad70

#81ad70
rgb(129,173,112)

#9abd8c

#9abd8c
rgb(154,189,140)

#b3cda9

#b3cda9
rgb(179,205,169)

#ccdec5

#ccdec5
rgb(204,222,197)

#e5eee2

#e5eee2
rgb(229,238,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#81ad70

#81ad70
rgb(129,173,112)

#678a59

#678a59
rgb(103,138,89)

#4d6743

#4d6743
rgb(77,103,67)

#33452c

#33452c
rgb(51,69,44)

#192216

#192216
rgb(25,34,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #81ad70

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

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

Contraste

Branco e #81ad70
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 #81ad70
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 #81ad70

Este exemplo mostra como o texto na cor #81ad70 se parece.

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

Este parágrafo tem fundo de cor #81ad70.

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

Este elemento tem uma cor de borda de #81ad70.

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

Cores alietórias

#f8e2eb

#f8e2eb
rgb(248,226,235)

#d2e9c3

#d2e9c3
rgb(210,233,195)

#30a3cc

#30a3cc
rgb(48,163,204)

#07e7a2

#07e7a2
rgb(7,231,162)

#ae5543

#ae5543
rgb(174,85,67)

#853b1e

#853b1e
rgb(133,59,30)

#6468fb

#6468fb
rgb(100,104,251)

#8fd90b

#8fd90b
rgb(143,217,11)

#1298b2

#1298b2
rgb(18,152,178)

#72fdb2

#72fdb2
rgb(114,253,178)

#d5f4f0

#d5f4f0
rgb(213,244,240)

#06b70e

#06b70e
rgb(6,183,14)