Informação da cor #aca3d9

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

No padrão de cores CMYK, é composto por 20.7% de ciano, 24.9% de magenta, 0% de amarelo e 14.9% de preto. Tem um ângulo de matiz de 250 graus, uma saturação de 41.5% e uma leveza de 74.5%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #aca3d9 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 aca3d9
RGB 172, 163, 217
RGB Percentagem 67.5%, 63.9%, 85.1%
CMYK 0.21, 0.25, 0, 0.15
HSL 250°, 41.5%, 74.5%
HSV (ou HSB) 250°, 24.9%, 85.1%
RYB 67.5, 63.9, 85.1
Formato Cor
XYZ 45.5, 43.1, 73.6
CIELab 71.61, 13.39, -24.45
Decimal 11314137
Yxy 39.9743, 0.2774, 0.2601
YUV 171.847, 153.4814, 128.1092
CIELuv 69.4512, 1.3354, -43.1803
Web Safe 9999CC

Distribuição de #aca3d9

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.

#aca3d9

#aca3d9
rgb(172,163,217)

#d1d9a3

#d1d9a3
rgb(209,217,163)

Cores triadicas

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

#d9aca3

#d9aca3
rgb(217,172,163)

#aca3d9

#aca3d9
rgb(172,163,217)

#a3d9ac

#a3d9ac
rgb(163,217,172)

Cores tetrádicas

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

#d9a3b6

#d9a3b6
rgb(217,163,182)

#aca3d9

#aca3d9
rgb(172,163,217)

#d1d9a3

#d1d9a3
rgb(209,217,163)

#a3d9c7

#a3d9c7
rgb(163,217,199)

Cores monocromáticas

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

#aca3d9

#aca3d9
rgb(172,163,217)

#b3abd9

#b3abd9
rgb(179,171,217)

#b1a9d9

#b1a9d9
rgb(177,169,217)

#afa7d9

#afa7d9
rgb(175,167,217)

#aea5d9

#aea5d9
rgb(174,165,217)

#aca3d9

#aca3d9
rgb(172,163,217)

Tons e Matizes de #aca3d9

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

Matiz (adicionando branco)
#aca3d9

#aca3d9
rgb(172,163,217)

#bcb5e0

#bcb5e0
rgb(188,181,224)

#cdc7e8

#cdc7e8
rgb(205,199,232)

#dddaef

#dddaef
rgb(221,218,239)

#eeecf7

#eeecf7
rgb(238,236,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#aca3d9

#aca3d9
rgb(172,163,217)

#8982ad

#8982ad
rgb(137,130,173)

#676182

#676182
rgb(103,97,130)

#444156

#444156
rgb(68,65,86)

#22202b

#22202b
rgb(34,32,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #aca3d9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #aca3d9.

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

Este elemento tem uma cor de borda de #aca3d9.

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

Cores alietórias

#8cae26

#8cae26
rgb(140,174,38)

#5874fe

#5874fe
rgb(88,116,254)

#b519f1

#b519f1
rgb(181,25,241)

#b9662b

#b9662b
rgb(185,102,43)

#3ca97a

#3ca97a
rgb(60,169,122)

#e4e453

#e4e453
rgb(228,228,83)

#698853

#698853
rgb(105,136,83)

#499054

#499054
rgb(73,144,84)

#800f57

#800f57
rgb(128,15,87)

#9347a9

#9347a9
rgb(147,71,169)

#08c2f3

#08c2f3
rgb(8,194,243)

#f50363

#f50363
rgb(245,3,99)