Informação da cor #ad3384

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

No padrão de cores CMYK, é composto por 0% de ciano, 70.5% de magenta, 23.7% de amarelo e 32.2% de preto. Tem um ângulo de matiz de 320.2 graus, uma saturação de 54.5% e uma leveza de 43.9%.

A cor mais próxima WebSafe é 993366.

Conversões de #ad3384 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 ad3384
RGB 173, 51, 132
RGB Percentagem 67.8%, 20%, 51.8%
CMYK 0, 0.71, 0.24, 0.32
HSL 320.2°, 54.5%, 43.9%
HSV (ou HSB) 320.2°, 70.5%, 67.8%
RYB 67.8, 20, 51.8
Formato Cor
XYZ 24.8, 14.6, 26.2
CIELab 45.06, 56.38, -19.08
Decimal 11350916
Yxy 12.9201, 0.3852, 0.2204
YUV 96.712, 147.9142, 182.4137
CIELuv 42.6427, 65.5562, -34.0584
Web Safe 993366

Distribuição de #ad3384

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.

#ad3384

#ad3384
rgb(173,51,132)

#33ad5d

#33ad5d
rgb(51,173,93)

Cores triadicas

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

#84ad33

#84ad33
rgb(132,173,51)

#ad3384

#ad3384
rgb(173,51,132)

#3384ad

#3384ad
rgb(51,132,173)

Cores tetrádicas

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

#ad9a33

#ad9a33
rgb(173,154,51)

#ad3384

#ad3384
rgb(173,51,132)

#33ad5d

#33ad5d
rgb(51,173,93)

#3347ad

#3347ad
rgb(51,71,173)

Cores monocromáticas

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

#ad3384

#ad3384
rgb(173,51,132)

#ad88a1

#ad88a1
rgb(173,136,161)

#ad86a0

#ad86a0
rgb(173,134,160)

#ad84a0

#ad84a0
rgb(173,132,160)

#ad839f

#ad839f
rgb(173,131,159)

#ad819f

#ad819f
rgb(173,129,159)

Tons e Matizes de #ad3384

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

Matiz (adicionando branco)
#ad3384

#ad3384
rgb(173,51,132)

#bd5b9c

#bd5b9c
rgb(189,91,156)

#cd84b5

#cd84b5
rgb(205,132,181)

#deadcd

#deadcd
rgb(222,173,205)

#eed6e6

#eed6e6
rgb(238,214,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ad3384

#ad3384
rgb(173,51,132)

#8a2869

#8a2869
rgb(138,40,105)

#671e4f

#671e4f
rgb(103,30,79)

#451434

#451434
rgb(69,20,52)

#220a1a

#220a1a
rgb(34,10,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ad3384

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

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

Contraste

Branco e #ad3384
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.

Preto e #ad3384
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.

Exemplos CSS

Texto com cor hexadecimal #ad3384

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

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

Este parágrafo tem fundo de cor #ad3384.

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

Este elemento tem uma cor de borda de #ad3384.

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

Cores alietórias

#3785f0

#3785f0
rgb(55,133,240)

#711e24

#711e24
rgb(113,30,36)

#4a4538

#4a4538
rgb(74,69,56)

#bf2bda

#bf2bda
rgb(191,43,218)

#f187f9

#f187f9
rgb(241,135,249)

#90be6b

#90be6b
rgb(144,190,107)

#aca1ea

#aca1ea
rgb(172,161,234)

#daa13a

#daa13a
rgb(218,161,58)

#d35ae1

#d35ae1
rgb(211,90,225)

#cf225c

#cf225c
rgb(207,34,92)

#7ad449

#7ad449
rgb(122,212,73)

#73de36

#73de36
rgb(115,222,54)