Informação da cor #81bb3b

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

No padrão de cores CMYK, é composto por 31% de ciano, 0% de magenta, 68.4% de amarelo e 26.7% de preto. Tem um ângulo de matiz de 87.2 graus, uma saturação de 52% e uma leveza de 48.2%.

A cor mais próxima WebSafe é 669933.

Conversões de #81bb3b 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 81bb3b
RGB 129, 187, 59
RGB Percentagem 50.6%, 73.3%, 23.1%
CMYK 0.31, 0, 0.68, 0.27
HSL 87.2°, 52%, 48.2%
HSV (ou HSB) 87.2°, 68.5%, 73.3%
RYB 23.1, 73.3, 45.9
Formato Cor
XYZ 30.1, 43.4, 12.2
CIELab 71.81, -37.56, 55.1
Decimal 8502075
Yxy 40.5227, 0.3511, 0.5153
YUV 155.066, 73.7867, 109.4079
CIELuv 69.8402, -29.2686, 71.2502
Web Safe 669933

Distribuição de #81bb3b

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.

#81bb3b

#81bb3b
rgb(129,187,59)

#753bbb

#753bbb
rgb(117,59,187)

Cores triadicas

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

#3b81bb

#3b81bb
rgb(59,129,187)

#81bb3b

#81bb3b
rgb(129,187,59)

#bb3b81

#bb3b81
rgb(187,59,129)

Cores tetrádicas

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

#3bbbb5

#3bbbb5
rgb(59,187,181)

#81bb3b

#81bb3b
rgb(129,187,59)

#753bbb

#753bbb
rgb(117,59,187)

#bb3b41

#bb3b41
rgb(187,59,65)

Cores monocromáticas

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

#81bb3b

#81bb3b
rgb(129,187,59)

#a9bb93

#a9bb93
rgb(169,187,147)

#a8bb91

#a8bb91
rgb(168,187,145)

#a7bb8f

#a7bb8f
rgb(167,187,143)

#a7bb8d

#a7bb8d
rgb(167,187,141)

#a6bb8b

#a6bb8b
rgb(166,187,139)

Tons e Matizes de #81bb3b

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

Matiz (adicionando branco)
#81bb3b

#81bb3b
rgb(129,187,59)

#9ac862

#9ac862
rgb(154,200,98)

#b3d689

#b3d689
rgb(179,214,137)

#cce3b0

#cce3b0
rgb(204,227,176)

#e5f1d7

#e5f1d7
rgb(229,241,215)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#81bb3b

#81bb3b
rgb(129,187,59)

#67952f

#67952f
rgb(103,149,47)

#4d7023

#4d7023
rgb(77,112,35)

#334a17

#334a17
rgb(51,74,23)

#19250b

#19250b
rgb(25,37,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #81bb3b

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#3ef84a

#3ef84a
rgb(62,248,74)

#599cca

#599cca
rgb(89,156,202)

#8ad1a2

#8ad1a2
rgb(138,209,162)

#f3448a

#f3448a
rgb(243,68,138)

#fa5417

#fa5417
rgb(250,84,23)

#d92765

#d92765
rgb(217,39,101)

#79fca6

#79fca6
rgb(121,252,166)

#22cb19

#22cb19
rgb(34,203,25)

#d80b6e

#d80b6e
rgb(216,11,110)

#fad4be

#fad4be
rgb(250,212,190)

#88d588

#88d588
rgb(136,213,136)

#f4a985

#f4a985
rgb(244,169,133)