Informação da cor #32c781

A cor hexadecimal 32c781 no modelo de cores RGB (Red, Green, Blue), é um composta por 50 de vermelho, 199 de verde e 129 de azul.

No padrão de cores CMYK, é composto por 74.9% de ciano, 0% de magenta, 35.2% de amarelo e 22% de preto. Tem um ângulo de matiz de 151.8 graus, uma saturação de 59.8% e uma leveza de 48.8%.

A cor mais próxima WebSafe é 009966.

Conversões de #32c781 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 32c781
RGB 50, 199, 129
RGB Percentagem 19.6%, 78%, 50.6%
CMYK 0.75, 0, 0.35, 0.22
HSL 151.8°, 59.8%, 48.8%
HSV (ou HSB) 151.8°, 74.9%, 78%
RYB 19.6, 58, 78
Formato Cor
XYZ 27.7, 45.5, 30.9
CIELab 73.22, -53.28, 22.42
Decimal 3327873
Yxy 43.1069, 0.2662, 0.4465
YUV 146.469, 118.1417, 59.1918
CIELuv 71.6275, -57.5239, 42.0739
Web Safe 009966

Distribuição de #32c781

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.

#32c781

#32c781
rgb(50,199,129)

#c73278

#c73278
rgb(199,50,120)

Cores triadicas

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

#8232c7

#8232c7
rgb(130,50,199)

#32c781

#32c781
rgb(50,199,129)

#c78232

#c78232
rgb(199,130,50)

Cores tetrádicas

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

#3732c7

#3732c7
rgb(55,50,199)

#32c781

#32c781
rgb(50,199,129)

#c73278

#c73278
rgb(199,50,120)

#c3c732

#c3c732
rgb(195,199,50)

Cores monocromáticas

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

#32c781

#32c781
rgb(50,199,129)

#9cc7b3

#9cc7b3
rgb(156,199,179)

#9ac7b2

#9ac7b2
rgb(154,199,178)

#98c7b1

#98c7b1
rgb(152,199,177)

#96c7b0

#96c7b0
rgb(150,199,176)

#94c7af

#94c7af
rgb(148,199,175)

Tons e Matizes de #32c781

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

Matiz (adicionando branco)
#32c781

#32c781
rgb(50,199,129)

#5bd29a

#5bd29a
rgb(91,210,154)

#84ddb3

#84ddb3
rgb(132,221,179)

#ade8cc

#ade8cc
rgb(173,232,204)

#d6f3e5

#d6f3e5
rgb(214,243,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#32c781

#32c781
rgb(50,199,129)

#289f67

#289f67
rgb(40,159,103)

#1e774d

#1e774d
rgb(30,119,77)

#134f33

#134f33
rgb(19,79,51)

#092719

#092719
rgb(9,39,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #32c781

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

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

Contraste

Branco e #32c781
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 #32c781
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 #32c781

Este exemplo mostra como o texto na cor #32c781 se parece.

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

Este parágrafo tem fundo de cor #32c781.

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

Este elemento tem uma cor de borda de #32c781.

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

Cores alietórias

#6a2a44

#6a2a44
rgb(106,42,68)

#fd42b0

#fd42b0
rgb(253,66,176)

#0a1995

#0a1995
rgb(10,25,149)

#d4a138

#d4a138
rgb(212,161,56)

#583d72

#583d72
rgb(88,61,114)

#f135ab

#f135ab
rgb(241,53,171)

#92567b

#92567b
rgb(146,86,123)

#813748

#813748
rgb(129,55,72)

#9bb79a

#9bb79a
rgb(155,183,154)

#dfe1c3

#dfe1c3
rgb(223,225,195)

#21fd5f

#21fd5f
rgb(33,253,95)

#b7823c

#b7823c
rgb(183,130,60)