Informação da cor #ac4fa5

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

No padrão de cores CMYK, é composto por 0% de ciano, 54.1% de magenta, 4.1% de amarelo e 32.5% de preto. Tem um ângulo de matiz de 304.5 graus, uma saturação de 37.1% e uma leveza de 49.2%.

A cor mais próxima WebSafe é 993399.

Conversões de #ac4fa5 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 ac4fa5
RGB 172, 79, 165
RGB Percentagem 67.5%, 31%, 64.7%
CMYK 0, 0.54, 0.04, 0.33
HSL 304.5°, 37.1%, 49.2%
HSV (ou HSB) 304.5°, 54.1%, 67.5%
RYB 67.5, 31, 64.7
Formato Cor
XYZ 29.1, 19.3, 40.8
CIELab 51.04, 48.18, -28.6
Decimal 11292581
Yxy 17.0809, 0.3277, 0.2104
YUV 116.611, 155.3076, 167.5072
CIELuv 48.3618, 44.8565, -49.9308
Web Safe 993399

Distribuição de #ac4fa5

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

As cores complementares são pares de cores que ficam opostas uma da outra na roda de cores. Essas cores são consideradas "complementares" porque criam um forte contraste visual quando usadas juntas e são frequentemente usadas em projetos de design para criar interesse visual e equilíbrio.

#ac4fa5

#ac4fa5
rgb(172,79,165)

#4fac56

#4fac56
rgb(79,172,86)

Cores triadicas

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

#a6ac4f

#a6ac4f
rgb(166,172,79)

#ac4fa5

#ac4fa5
rgb(172,79,165)

#4fa6ac

#4fa6ac
rgb(79,166,172)

Cores tetrádicas

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

#ac854f

#ac854f
rgb(172,133,79)

#ac4fa5

#ac4fa5
rgb(172,79,165)

#4fac56

#4fac56
rgb(79,172,86)

#4f77ac

#4f77ac
rgb(79,119,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.

#ac4fa5

#ac4fa5
rgb(172,79,165)

#ac87aa

#ac87aa
rgb(172,135,170)

#ac86aa

#ac86aa
rgb(172,134,170)

#ac84a9

#ac84a9
rgb(172,132,169)

#ac82a9

#ac82a9
rgb(172,130,169)

#ac81a9

#ac81a9
rgb(172,129,169)

Tons e Matizes de #ac4fa5

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

Matiz (adicionando branco)
#ac4fa5

#ac4fa5
rgb(172,79,165)

#bc72b7

#bc72b7
rgb(188,114,183)

#cd95c9

#cd95c9
rgb(205,149,201)

#ddb8db

#ddb8db
rgb(221,184,219)

#eedbed

#eedbed
rgb(238,219,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ac4fa5

#ac4fa5
rgb(172,79,165)

#893f84

#893f84
rgb(137,63,132)

#672f63

#672f63
rgb(103,47,99)

#441f41

#441f41
rgb(68,31,65)

#220f20

#220f20
rgb(34,15,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ac4fa5

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

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

Contraste

Branco e #ac4fa5
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.

Preto e #ac4fa5
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.

Exemplos CSS

Texto com cor hexadecimal #ac4fa5

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

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

Este parágrafo tem fundo de cor #ac4fa5.

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

Este elemento tem uma cor de borda de #ac4fa5.

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

Cores alietórias

#d468d7

#d468d7
rgb(212,104,215)

#46c770

#46c770
rgb(70,199,112)

#50388f

#50388f
rgb(80,56,143)

#dadab2

#dadab2
rgb(218,218,178)

#824fee

#824fee
rgb(130,79,238)

#304dcd

#304dcd
rgb(48,77,205)

#ab86f1

#ab86f1
rgb(171,134,241)

#41e528

#41e528
rgb(65,229,40)

#9e8635

#9e8635
rgb(158,134,53)

#8d7690

#8d7690
rgb(141,118,144)

#fb3ac6

#fb3ac6
rgb(251,58,198)

#45c2dd

#45c2dd
rgb(69,194,221)