Informação da cor #81e885

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

No padrão de cores CMYK, é composto por 44.4% de ciano, 0% de magenta, 42.7% de amarelo e 9% de preto. Tem um ângulo de matiz de 122.3 graus, uma saturação de 69.1% e uma leveza de 70.8%.

A cor mais próxima WebSafe é 66CC66.

Conversões de #81e885 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 81e885
RGB 129, 232, 133
RGB Percentagem 50.6%, 91%, 52.2%
CMYK 0.44, 0, 0.43, 0.09
HSL 122.3°, 69.1%, 70.8%
HSV (ou HSB) 122.3°, 44.4%, 91%
RYB 50.6, 89.8, 91
Formato Cor
XYZ 44.4, 66, 35.4
CIELab 84.98, -47.21, 36.54
Decimal 8513669
Yxy 64.071, 0.3042, 0.4625
YUV 189.917, 95.8798, 84.5499
CIELuv 84.0027, -48.7339, 60.9185
Web Safe 66CC66

Distribuição de #81e885

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.

#81e885

#81e885
rgb(129,232,133)

#e881e4

#e881e4
rgb(232,129,228)

Cores triadicas

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

#8681e8

#8681e8
rgb(134,129,232)

#81e885

#81e885
rgb(129,232,133)

#e88681

#e88681
rgb(232,134,129)

Cores tetrádicas

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

#81b1e8

#81b1e8
rgb(129,177,232)

#81e885

#81e885
rgb(129,232,133)

#e881e4

#e881e4
rgb(232,129,228)

#e8b981

#e8b981
rgb(232,185,129)

Cores monocromáticas

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

#81e885

#81e885
rgb(129,232,133)

#b7e8b9

#b7e8b9
rgb(183,232,185)

#b4e8b6

#b4e8b6
rgb(180,232,182)

#b2e8b4

#b2e8b4
rgb(178,232,180)

#b0e8b2

#b0e8b2
rgb(176,232,178)

#ade8b0

#ade8b0
rgb(173,232,176)

Tons e Matizes de #81e885

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

Matiz (adicionando branco)
#81e885

#81e885
rgb(129,232,133)

#9aec9d

#9aec9d
rgb(154,236,157)

#b3f1b5

#b3f1b5
rgb(179,241,181)

#ccf5ce

#ccf5ce
rgb(204,245,206)

#e5fae6

#e5fae6
rgb(229,250,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#81e885

#81e885
rgb(129,232,133)

#67b96a

#67b96a
rgb(103,185,106)

#4d8b4f

#4d8b4f
rgb(77,139,79)

#335c35

#335c35
rgb(51,92,53)

#192e1a

#192e1a
rgb(25,46,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #81e885

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#bc0699

#bc0699
rgb(188,6,153)

#d76124

#d76124
rgb(215,97,36)

#dc7741

#dc7741
rgb(220,119,65)

#037615

#037615
rgb(3,118,21)

#cb0414

#cb0414
rgb(203,4,20)

#e5b58f

#e5b58f
rgb(229,181,143)

#66f41c

#66f41c
rgb(102,244,28)

#664f12

#664f12
rgb(102,79,18)

#d8c088

#d8c088
rgb(216,192,136)

#1ce8e4

#1ce8e4
rgb(28,232,228)

#ff3024

#ff3024
rgb(255,48,36)

#eff04c

#eff04c
rgb(239,240,76)