Informação da cor #a384a3

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

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

A cor mais próxima WebSafe é 996699.

Conversões de #a384a3 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 a384a3
RGB 163, 132, 163
RGB Percentagem 63.9%, 51.8%, 63.9%
CMYK 0, 0.19, 0, 0.36
HSL 300°, 14.4%, 57.8%
HSV (ou HSB) 300°, 19%, 63.9%
RYB 63.9, 51.8, 63.9
Formato Cor
XYZ 32.9, 30, 41.7
CIELab 61.64, 16.51, -11.4
Decimal 10716323
Yxy 26.9341, 0.3149, 0.283
YUV 144.803, 138.2692, 140.9793
CIELuv 58.9132, 15.7629, -20.3774
Web Safe 996699

Distribuição de #a384a3

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.

#a384a3

#a384a3
rgb(163,132,163)

#84a384

#84a384
rgb(132,163,132)

Cores triadicas

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

#a3a384

#a3a384
rgb(163,163,132)

#a384a3

#a384a3
rgb(163,132,163)

#84a3a3

#84a3a3
rgb(132,163,163)

Cores tetrádicas

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

#a39484

#a39484
rgb(163,148,132)

#a384a3

#a384a3
rgb(163,132,163)

#84a384

#84a384
rgb(132,163,132)

#8494a3

#8494a3
rgb(132,148,163)

Cores monocromáticas

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

#a384a3

#a384a3
rgb(163,132,163)

#a381a3

#a381a3
rgb(163,129,163)

#a37fa3

#a37fa3
rgb(163,127,163)

#a37ea3

#a37ea3
rgb(163,126,163)

#a37ca3

#a37ca3
rgb(163,124,163)

#a37aa3

#a37aa3
rgb(163,122,163)

Tons e Matizes de #a384a3

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

Matiz (adicionando branco)
#a384a3

#a384a3
rgb(163,132,163)

#b59cb5

#b59cb5
rgb(181,156,181)

#c7b5c7

#c7b5c7
rgb(199,181,199)

#dacdda

#dacdda
rgb(218,205,218)

#ece6ec

#ece6ec
rgb(236,230,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a384a3

#a384a3
rgb(163,132,163)

#826982

#826982
rgb(130,105,130)

#614f61

#614f61
rgb(97,79,97)

#413441

#413441
rgb(65,52,65)

#201a20

#201a20
rgb(32,26,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a384a3

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

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

Contraste

Branco e #a384a3
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 #a384a3
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 #a384a3

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

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

Este parágrafo tem fundo de cor #a384a3.

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

Este elemento tem uma cor de borda de #a384a3.

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

Cores alietórias

#c4f58d

#c4f58d
rgb(196,245,141)

#f8ef66

#f8ef66
rgb(248,239,102)

#01dd5f

#01dd5f
rgb(1,221,95)

#f73090

#f73090
rgb(247,48,144)

#4ad1fb

#4ad1fb
rgb(74,209,251)

#2879c5

#2879c5
rgb(40,121,197)

#f14990

#f14990
rgb(241,73,144)

#78c3c6

#78c3c6
rgb(120,195,198)

#b0bab7

#b0bab7
rgb(176,186,183)

#1d7429

#1d7429
rgb(29,116,41)

#f67a79

#f67a79
rgb(246,122,121)

#6e3891

#6e3891
rgb(110,56,145)