Informação da cor #81ab85

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

No padrão de cores CMYK, é composto por 24.6% de ciano, 0% de magenta, 22.2% de amarelo e 32.9% de preto. Tem um ângulo de matiz de 125.7 graus, uma saturação de 20% e uma leveza de 58.8%.

A cor mais próxima WebSafe é 669966.

Conversões de #81ab85 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 81ab85
RGB 129, 171, 133
RGB Percentagem 50.6%, 67.1%, 52.2%
CMYK 0.25, 0, 0.22, 0.33
HSL 125.7°, 20%, 58.8%
HSV (ou HSB) 125.7°, 24.6%, 67.1%
RYB 50.6, 65.9, 67.1
Formato Cor
XYZ 30.8, 38.6, 30.9
CIELab 68.46, -20.82, 14.24
Decimal 8498053
Yxy 35.4855, 0.3064, 0.3904
YUV 154.11, 116.0869, 110.0899
CIELuv 66.1249, -21.1067, 24.4804
Web Safe 669966

Distribuição de #81ab85

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.

#81ab85

#81ab85
rgb(129,171,133)

#ab81a7

#ab81a7
rgb(171,129,167)

Cores triadicas

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

#8681ab

#8681ab
rgb(134,129,171)

#81ab85

#81ab85
rgb(129,171,133)

#ab8681

#ab8681
rgb(171,134,129)

Cores tetrádicas

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

#8192ab

#8192ab
rgb(129,146,171)

#81ab85

#81ab85
rgb(129,171,133)

#ab81a7

#ab81a7
rgb(171,129,167)

#ab9b81

#ab9b81
rgb(171,155,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.

#81ab85

#81ab85
rgb(129,171,133)

#87ab8b

#87ab8b
rgb(135,171,139)

#85ab89

#85ab89
rgb(133,171,137)

#84ab88

#84ab88
rgb(132,171,136)

#82ab86

#82ab86
rgb(130,171,134)

#80ab84

#80ab84
rgb(128,171,132)

Tons e Matizes de #81ab85

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

Matiz (adicionando branco)
#81ab85

#81ab85
rgb(129,171,133)

#9abb9d

#9abb9d
rgb(154,187,157)

#b3ccb5

#b3ccb5
rgb(179,204,181)

#ccddce

#ccddce
rgb(204,221,206)

#e5eee6

#e5eee6
rgb(229,238,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#81ab85

#81ab85
rgb(129,171,133)

#67886a

#67886a
rgb(103,136,106)

#4d664f

#4d664f
rgb(77,102,79)

#334435

#334435
rgb(51,68,53)

#19221a

#19221a
rgb(25,34,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #81ab85

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#7e5e29

#7e5e29
rgb(126,94,41)

#aa8f94

#aa8f94
rgb(170,143,148)

#ac4296

#ac4296
rgb(172,66,150)

#4708f2

#4708f2
rgb(71,8,242)

#32d9c5

#32d9c5
rgb(50,217,197)

#850577

#850577
rgb(133,5,119)

#f66993

#f66993
rgb(246,105,147)

#22a729

#22a729
rgb(34,167,41)

#795017

#795017
rgb(121,80,23)

#5098d6

#5098d6
rgb(80,152,214)

#4203a0

#4203a0
rgb(66,3,160)

#d691fa

#d691fa
rgb(214,145,250)