Informação da cor #aca7ab

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

No padrão de cores CMYK, é composto por 0% de ciano, 2.9% de magenta, 0.6% de amarelo e 32.5% de preto. Tem um ângulo de matiz de 312 graus, uma saturação de 2.9% e uma leveza de 66.5%.

A cor mais próxima WebSafe é 999999.

Conversões de #aca7ab 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 aca7ab
RGB 172, 167, 171
RGB Percentagem 67.5%, 65.5%, 67.1%
CMYK 0, 0.03, 0.01, 0.33
HSL 312°, 2.9%, 66.5%
HSV (ou HSB) 312°, 2.9%, 67.5%
RYB 67.5, 65.5, 67.1
Formato Cor
XYZ 41.2, 42.5, 47.6
CIELab 71.23, 2.38, -1.34
Decimal 11315115
Yxy 39.3485, 0.3139, 0.3235
YUV 168.951, 129.1563, 130.1748
CIELuv 69.003, 2.6241, -2.5192
Web Safe 999999

Distribuição de #aca7ab

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.

#aca7ab

#aca7ab
rgb(172,167,171)

#a7aca8

#a7aca8
rgb(167,172,168)

Cores triadicas

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

#acaca7

#acaca7
rgb(172,172,167)

#aca7ab

#aca7ab
rgb(172,167,171)

#a7acac

#a7acac
rgb(167,172,172)

Cores tetrádicas

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

#acaba7

#acaba7
rgb(172,171,167)

#aca7ab

#aca7ab
rgb(172,167,171)

#a7aca8

#a7aca8
rgb(167,172,168)

#a7a9ac

#a7a9ac
rgb(167,169,172)

Cores monocromáticas

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

#aca7ab

#aca7ab
rgb(172,167,171)

#ac88a5

#ac88a5
rgb(172,136,165)

#ac87a5

#ac87a5
rgb(172,135,165)

#ac85a5

#ac85a5
rgb(172,133,165)

#ac83a4

#ac83a4
rgb(172,131,164)

#ac81a4

#ac81a4
rgb(172,129,164)

Tons e Matizes de #aca7ab

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

Matiz (adicionando branco)
#aca7ab

#aca7ab
rgb(172,167,171)

#bcb8bb

#bcb8bb
rgb(188,184,187)

#cdcacc

#cdcacc
rgb(205,202,204)

#dddbdd

#dddbdd
rgb(221,219,221)

#eeedee

#eeedee
rgb(238,237,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#aca7ab

#aca7ab
rgb(172,167,171)

#898588

#898588
rgb(137,133,136)

#676466

#676466
rgb(103,100,102)

#444244

#444244
rgb(68,66,68)

#222122

#222122
rgb(34,33,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #aca7ab

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #aca7ab.

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

Este elemento tem uma cor de borda de #aca7ab.

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

Cores alietórias

#9117db

#9117db
rgb(145,23,219)

#bd123a

#bd123a
rgb(189,18,58)

#36c70d

#36c70d
rgb(54,199,13)

#3ea57a

#3ea57a
rgb(62,165,122)

#db21a7

#db21a7
rgb(219,33,167)

#a24aac

#a24aac
rgb(162,74,172)

#4ee06a

#4ee06a
rgb(78,224,106)

#3e4985

#3e4985
rgb(62,73,133)

#611cf2

#611cf2
rgb(97,28,242)

#448317

#448317
rgb(68,131,23)

#df7f6c

#df7f6c
rgb(223,127,108)

#dc639a

#dc639a
rgb(220,99,154)