Informação da cor #329a80

A cor hexadecimal 329a80 no modelo de cores RGB (Red, Green, Blue), é um composta por 50 de vermelho, 154 de verde e 128 de azul.

No padrão de cores CMYK, é composto por 67.5% de ciano, 0% de magenta, 16.9% de amarelo e 39.6% de preto. Tem um ângulo de matiz de 165 graus, uma saturação de 51% e uma leveza de 40%.

A cor mais próxima WebSafe é 009966.

Conversões de #329a80 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 329a80
RGB 50, 154, 128
RGB Percentagem 19.6%, 60.4%, 50.2%
CMYK 0.68, 0, 0.17, 0.4
HSL 165°, 51%, 40%
HSV (ou HSB) 165°, 67.5%, 60.4%
RYB 19.6, 43.1, 60.4
Formato Cor
XYZ 18.9, 28.1, 27.6
CIELab 59.95, -35.65, 4.34
Decimal 3316352
Yxy 25.346, 0.252, 0.3809
YUV 119.94, 132.5485, 78.1141
CIELuv 57.411, -41.2185, 12.5161
Web Safe 009966

Distribuição de #329a80

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.

#329a80

#329a80
rgb(50,154,128)

#9a324c

#9a324c
rgb(154,50,76)

Cores triadicas

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

#80329a

#80329a
rgb(128,50,154)

#329a80

#329a80
rgb(50,154,128)

#9a8032

#9a8032
rgb(154,128,50)

Cores tetrádicas

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

#4c329a

#4c329a
rgb(76,50,154)

#329a80

#329a80
rgb(50,154,128)

#9a324c

#9a324c
rgb(154,50,76)

#809a32

#809a32
rgb(128,154,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.

#329a80

#329a80
rgb(50,154,128)

#799a92

#799a92
rgb(121,154,146)

#789a92

#789a92
rgb(120,154,146)

#769a91

#769a91
rgb(118,154,145)

#749a91

#749a91
rgb(116,154,145)

#739a91

#739a91
rgb(115,154,145)

Tons e Matizes de #329a80

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

Matiz (adicionando branco)
#329a80

#329a80
rgb(50,154,128)

#5bae99

#5bae99
rgb(91,174,153)

#84c2b2

#84c2b2
rgb(132,194,178)

#add6cc

#add6cc
rgb(173,214,204)

#d6eae5

#d6eae5
rgb(214,234,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#329a80

#329a80
rgb(50,154,128)

#287b66

#287b66
rgb(40,123,102)

#1e5c4c

#1e5c4c
rgb(30,92,76)

#133d33

#133d33
rgb(19,61,51)

#091e19

#091e19
rgb(9,30,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #329a80

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

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

Contraste

Branco e #329a80
Texto grande WCAG AA ✓ 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 #329a80
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #329a80

Este exemplo mostra como o texto na cor #329a80 se parece.

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

Este parágrafo tem fundo de cor #329a80.

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

Este elemento tem uma cor de borda de #329a80.

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

Cores alietórias

#c9ce57

#c9ce57
rgb(201,206,87)

#f0e0a1

#f0e0a1
rgb(240,224,161)

#0e2593

#0e2593
rgb(14,37,147)

#5d30da

#5d30da
rgb(93,48,218)

#2d0007

#2d0007
rgb(45,0,7)

#05e548

#05e548
rgb(5,229,72)

#7e29e1

#7e29e1
rgb(126,41,225)

#71968e

#71968e
rgb(113,150,142)

#1959e5

#1959e5
rgb(25,89,229)

#162b32

#162b32
rgb(22,43,50)

#1b39a7

#1b39a7
rgb(27,57,167)

#5d4dd5

#5d4dd5
rgb(93,77,213)