Informação da cor #84a3a3

A cor hexadecimal 84a3a3 no modelo de cores RGB (Red, Green, Blue), é um composta por 132 de vermelho, 163 de verde e 163 de azul.

No padrão de cores CMYK, é composto por 19% de ciano, 0% de magenta, 0% de amarelo e 36.1% de preto. Tem um ângulo de matiz de 180 graus, uma saturação de 14.4% e uma leveza de 57.8%.

A cor mais próxima WebSafe é 669999.

Conversões de #84a3a3 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 84a3a3
RGB 132, 163, 163
RGB Percentagem 51.8%, 63.9%, 63.9%
CMYK 0.19, 0, 0, 0.36
HSL 180°, 14.4%, 57.8%
HSV (ou HSB) 180°, 19%, 63.9%
RYB 51.8, 58, 63.9
Formato Cor
XYZ 32.2, 36.9, 43.1
CIELab 67.2, -10.14, -3.39
Decimal 8692643
Yxy 33.7433, 0.2849, 0.3289
YUV 153.731, 133.2308, 112.5
CIELuv 64.7583, -16.1409, -3.4821
Web Safe 669999

Distribuição de #84a3a3

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.

#84a3a3

#84a3a3
rgb(132,163,163)

#a38484

#a38484
rgb(163,132,132)

Cores triadicas

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

#a384a3

#a384a3
rgb(163,132,163)

#84a3a3

#84a3a3
rgb(132,163,163)

#a3a384

#a3a384
rgb(163,163,132)

Cores tetrádicas

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

#9484a3

#9484a3
rgb(148,132,163)

#84a3a3

#84a3a3
rgb(132,163,163)

#a38484

#a38484
rgb(163,132,132)

#94a384

#94a384
rgb(148,163,132)

Cores monocromáticas

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

#84a3a3

#84a3a3
rgb(132,163,163)

#81a3a3

#81a3a3
rgb(129,163,163)

#7fa3a3

#7fa3a3
rgb(127,163,163)

#7ea3a3

#7ea3a3
rgb(126,163,163)

#7ca3a3

#7ca3a3
rgb(124,163,163)

#7aa3a3

#7aa3a3
rgb(122,163,163)

Tons e Matizes de #84a3a3

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

Matiz (adicionando branco)
#84a3a3

#84a3a3
rgb(132,163,163)

#9cb5b5

#9cb5b5
rgb(156,181,181)

#b5c7c7

#b5c7c7
rgb(181,199,199)

#cddada

#cddada
rgb(205,218,218)

#e6ecec

#e6ecec
rgb(230,236,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#84a3a3

#84a3a3
rgb(132,163,163)

#698282

#698282
rgb(105,130,130)

#4f6161

#4f6161
rgb(79,97,97)

#344141

#344141
rgb(52,65,65)

#1a2020

#1a2020
rgb(26,32,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #84a3a3

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

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

Contraste

Branco e #84a3a3
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 #84a3a3
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 #84a3a3

Este exemplo mostra como o texto na cor #84a3a3 se parece.

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

Este parágrafo tem fundo de cor #84a3a3.

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

Este elemento tem uma cor de borda de #84a3a3.

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

Cores alietórias

#523f00

#523f00
rgb(82,63,0)

#52e30d

#52e30d
rgb(82,227,13)

#78287c

#78287c
rgb(120,40,124)

#611e8d

#611e8d
rgb(97,30,141)

#78c997

#78c997
rgb(120,201,151)

#42b224

#42b224
rgb(66,178,36)

#1f9620

#1f9620
rgb(31,150,32)

#b0ac13

#b0ac13
rgb(176,172,19)

#677111

#677111
rgb(103,113,17)

#882b1f

#882b1f
rgb(136,43,31)

#3f80f3

#3f80f3
rgb(63,128,243)

#884050

#884050
rgb(136,64,80)