Informação da cor #ac9ccc

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

No padrão de cores CMYK, é composto por 15.7% de ciano, 23.5% de magenta, 0% de amarelo e 20% de preto. Tem um ângulo de matiz de 260 graus, uma saturação de 32% e uma leveza de 70.6%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #ac9ccc 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 ac9ccc
RGB 172, 156, 204
RGB Percentagem 67.5%, 61.2%, 80%
CMYK 0.16, 0.24, 0, 0.2
HSL 260°, 32%, 70.6%
HSV (ou HSB) 260°, 23.5%, 80%
RYB 67.5, 61.2, 80
Formato Cor
XYZ 42.7, 40.1, 65.1
CIELab 69.51, 14.42, -21.02
Decimal 11312332
Yxy 36.9071, 0.2866, 0.2658
YUV 166.256, 149.3002, 132.097
CIELuv 67.2073, 5.5037, -37.0385
Web Safe 9999CC

Distribuição de #ac9ccc

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.

#ac9ccc

#ac9ccc
rgb(172,156,204)

#bccc9c

#bccc9c
rgb(188,204,156)

Cores triadicas

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

#ccac9c

#ccac9c
rgb(204,172,156)

#ac9ccc

#ac9ccc
rgb(172,156,204)

#9cccac

#9cccac
rgb(156,204,172)

Cores tetrádicas

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

#cc9ca4

#cc9ca4
rgb(204,156,164)

#ac9ccc

#ac9ccc
rgb(172,156,204)

#bccc9c

#bccc9c
rgb(188,204,156)

#9cccc4

#9cccc4
rgb(156,204,196)

Cores monocromáticas

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

#ac9ccc

#ac9ccc
rgb(172,156,204)

#b0a1cc

#b0a1cc
rgb(176,161,204)

#ae9fcc

#ae9fcc
rgb(174,159,204)

#ad9dcc

#ad9dcc
rgb(173,157,204)

#ac9bcc

#ac9bcc
rgb(172,155,204)

#aa99cc

#aa99cc
rgb(170,153,204)

Tons e Matizes de #ac9ccc

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

Matiz (adicionando branco)
#ac9ccc

#ac9ccc
rgb(172,156,204)

#bcafd6

#bcafd6
rgb(188,175,214)

#cdc3e0

#cdc3e0
rgb(205,195,224)

#ddd7ea

#ddd7ea
rgb(221,215,234)

#eeebf4

#eeebf4
rgb(238,235,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ac9ccc

#ac9ccc
rgb(172,156,204)

#897ca3

#897ca3
rgb(137,124,163)

#675d7a

#675d7a
rgb(103,93,122)

#443e51

#443e51
rgb(68,62,81)

#221f28

#221f28
rgb(34,31,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ac9ccc

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ac9ccc.

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

Este elemento tem uma cor de borda de #ac9ccc.

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

Cores alietórias

#72d661

#72d661
rgb(114,214,97)

#25ac5f

#25ac5f
rgb(37,172,95)

#909f5d

#909f5d
rgb(144,159,93)

#e885bd

#e885bd
rgb(232,133,189)

#6b6947

#6b6947
rgb(107,105,71)

#0c78b0

#0c78b0
rgb(12,120,176)

#0fbe7c

#0fbe7c
rgb(15,190,124)

#d52e3d

#d52e3d
rgb(213,46,61)

#41e1f5

#41e1f5
rgb(65,225,245)

#4fe082

#4fe082
rgb(79,224,130)

#eafad2

#eafad2
rgb(234,250,210)

#b00924

#b00924
rgb(176,9,36)