Informação da cor #ac1e12

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

No padrão de cores CMYK, é composto por 0% de ciano, 82.6% de magenta, 89.5% de amarelo e 32.5% de preto. Tem um ângulo de matiz de 4.7 graus, uma saturação de 81.1% e uma leveza de 37.3%.

A cor mais próxima WebSafe é 990000.

Conversões de #ac1e12 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 ac1e12
RGB 172, 30, 18
RGB Percentagem 67.5%, 11.8%, 7.1%
CMYK 0, 0.83, 0.9, 0.33
HSL 4.7°, 81.1%, 37.3%
HSV (ou HSB) 4.7°, 89.5%, 67.5%
RYB 67.5, 12.5, 7.1
Formato Cor
XYZ 19.2, 10.8, 2
CIELab 39.31, 54.69, 42.96
Decimal 11279890
Yxy 9.7458, 0.6094, 0.3377
YUV 71.09, 98.0395, 199.9757
CIELuv 37.3823, 106.9405, 25.587
Web Safe 990000

Distribuição de #ac1e12

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.

#ac1e12

#ac1e12
rgb(172,30,18)

#12a1ac

#12a1ac
rgb(18,161,172)

Cores triadicas

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

#12ac1e

#12ac1e
rgb(18,172,30)

#ac1e12

#ac1e12
rgb(172,30,18)

#1e12ac

#1e12ac
rgb(30,18,172)

Cores tetrádicas

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

#54ac12

#54ac12
rgb(84,172,18)

#ac1e12

#ac1e12
rgb(172,30,18)

#12a1ac

#12a1ac
rgb(18,161,172)

#6b12ac

#6b12ac
rgb(107,18,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.

#ac1e12

#ac1e12
rgb(172,30,18)

#ac8a87

#ac8a87
rgb(172,138,135)

#ac8885

#ac8885
rgb(172,136,133)

#ac8783

#ac8783
rgb(172,135,131)

#ac8582

#ac8582
rgb(172,133,130)

#ac8380

#ac8380
rgb(172,131,128)

Tons e Matizes de #ac1e12

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

Matiz (adicionando branco)
#ac1e12

#ac1e12
rgb(172,30,18)

#bc4b41

#bc4b41
rgb(188,75,65)

#cd7870

#cd7870
rgb(205,120,112)

#dda5a0

#dda5a0
rgb(221,165,160)

#eed2cf

#eed2cf
rgb(238,210,207)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ac1e12

#ac1e12
rgb(172,30,18)

#89180e

#89180e
rgb(137,24,14)

#67120a

#67120a
rgb(103,18,10)

#440b07

#440b07
rgb(68,11,7)

#220503

#220503
rgb(34,5,3)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ac1e12

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #ac1e12

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

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

Este parágrafo tem fundo de cor #ac1e12.

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

Este elemento tem uma cor de borda de #ac1e12.

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

Cores alietórias

#6d6e14

#6d6e14
rgb(109,110,20)

#2ea7a4

#2ea7a4
rgb(46,167,164)

#3c6bc2

#3c6bc2
rgb(60,107,194)

#c390bd

#c390bd
rgb(195,144,189)

#a81b05

#a81b05
rgb(168,27,5)

#61072a

#61072a
rgb(97,7,42)

#f33d12

#f33d12
rgb(243,61,18)

#ac6bf2

#ac6bf2
rgb(172,107,242)

#1a276c

#1a276c
rgb(26,39,108)

#045b3a

#045b3a
rgb(4,91,58)

#21c36d

#21c36d
rgb(33,195,109)

#9fe0a0

#9fe0a0
rgb(159,224,160)