Informação da cor #ac8cd4

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

No padrão de cores CMYK, é composto por 18.9% de ciano, 34% de magenta, 0% de amarelo e 16.9% de preto. Tem um ângulo de matiz de 266.7 graus, uma saturação de 45.6% e uma leveza de 69%.

A cor mais próxima WebSafe é 9966CC.

Conversões de #ac8cd4 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 ac8cd4
RGB 172, 140, 212
RGB Percentagem 67.5%, 54.9%, 83.1%
CMYK 0.19, 0.34, 0, 0.17
HSL 266.7°, 45.6%, 69%
HSV (ou HSB) 266.7°, 34%, 83.1%
RYB 67.5, 54.9, 83.1
Formato Cor
XYZ 41.1, 35.3, 69.2
CIELab 66.01, 24.63, -30.51
Decimal 11308244
Yxy 32.2804, 0.2793, 0.2356
YUV 157.776, 158.6004, 138.1455
CIELuv 63.574, 11.7462, -54.4794
Web Safe 9966CC

Distribuição de #ac8cd4

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.

#ac8cd4

#ac8cd4
rgb(172,140,212)

#b4d48c

#b4d48c
rgb(180,212,140)

Cores triadicas

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

#d4ad8c

#d4ad8c
rgb(212,173,140)

#ac8cd4

#ac8cd4
rgb(172,140,212)

#8cd4ad

#8cd4ad
rgb(140,212,173)

Cores tetrádicas

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

#d48c90

#d48c90
rgb(212,140,144)

#ac8cd4

#ac8cd4
rgb(172,140,212)

#b4d48c

#b4d48c
rgb(180,212,140)

#8cd4d1

#8cd4d1
rgb(140,212,209)

Cores monocromáticas

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

#ac8cd4

#ac8cd4
rgb(172,140,212)

#bba7d4

#bba7d4
rgb(187,167,212)

#baa5d4

#baa5d4
rgb(186,165,212)

#b9a3d4

#b9a3d4
rgb(185,163,212)

#b8a1d4

#b8a1d4
rgb(184,161,212)

#b79fd4

#b79fd4
rgb(183,159,212)

Tons e Matizes de #ac8cd4

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

Matiz (adicionando branco)
#ac8cd4

#ac8cd4
rgb(172,140,212)

#bca3dc

#bca3dc
rgb(188,163,220)

#cdbae5

#cdbae5
rgb(205,186,229)

#ddd1ed

#ddd1ed
rgb(221,209,237)

#eee8f6

#eee8f6
rgb(238,232,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ac8cd4

#ac8cd4
rgb(172,140,212)

#8970a9

#8970a9
rgb(137,112,169)

#67547f

#67547f
rgb(103,84,127)

#443754

#443754
rgb(68,55,84)

#221b2a

#221b2a
rgb(34,27,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ac8cd4

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ac8cd4.

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

Este elemento tem uma cor de borda de #ac8cd4.

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

Cores alietórias

#f42090

#f42090
rgb(244,32,144)

#e1d748

#e1d748
rgb(225,215,72)

#5a836a

#5a836a
rgb(90,131,106)

#dffdd0

#dffdd0
rgb(223,253,208)

#8fbe24

#8fbe24
rgb(143,190,36)

#05c36d

#05c36d
rgb(5,195,109)

#875245

#875245
rgb(135,82,69)

#301806

#301806
rgb(48,24,6)

#9d698a

#9d698a
rgb(157,105,138)

#b70de6

#b70de6
rgb(183,13,230)

#41a57d

#41a57d
rgb(65,165,125)

#e29368

#e29368
rgb(226,147,104)