Informação da cor #ac820e

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

No padrão de cores CMYK, é composto por 0% de ciano, 24.4% de magenta, 91.9% de amarelo e 32.5% de preto. Tem um ângulo de matiz de 44.1 graus, uma saturação de 85% e uma leveza de 36.5%.

A cor mais próxima WebSafe é 996600.

Conversões de #ac820e 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 ac820e
RGB 172, 130, 14
RGB Percentagem 67.5%, 51%, 5.5%
CMYK 0, 0.24, 0.92, 0.33
HSL 44.1°, 85%, 36.5%
HSV (ou HSB) 44.1°, 91.9%, 67.5%
RYB 28.2, 67.5, 5.5
Formato Cor
XYZ 27.5, 27.6, 4.5
CIELab 59.51, 5.17, 60.9
Decimal 11305486
Yxy 24.7696, 0.4668, 0.4611
YUV 129.334, 62.9131, 158.4322
CIELuv 56.8502, 35.3737, 57.4393
Web Safe 996600

Distribuição de #ac820e

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.

#ac820e

#ac820e
rgb(172,130,14)

#0f39ac

#0f39ac
rgb(15,57,172)

Cores triadicas

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

#0fac82

#0fac82
rgb(15,172,130)

#ac820e

#ac820e
rgb(172,130,14)

#820fac

#820fac
rgb(130,15,172)

Cores tetrádicas

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

#0fac33

#0fac33
rgb(15,172,51)

#ac820e

#ac820e
rgb(172,130,14)

#0f39ac

#0f39ac
rgb(15,57,172)

#ac0f88

#ac0f88
rgb(172,15,136)

Cores monocromáticas

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

#ac820e

#ac820e
rgb(172,130,14)

#aca287

#aca287
rgb(172,162,135)

#aca285

#aca285
rgb(172,162,133)

#aca283

#aca283
rgb(172,162,131)

#aca182

#aca182
rgb(172,161,130)

#aca180

#aca180
rgb(172,161,128)

Tons e Matizes de #ac820e

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

Matiz (adicionando branco)
#ac820e

#ac820e
rgb(172,130,14)

#bc9b3e

#bc9b3e
rgb(188,155,62)

#cdb46e

#cdb46e
rgb(205,180,110)

#ddcd9e

#ddcd9e
rgb(221,205,158)

#eee6ce

#eee6ce
rgb(238,230,206)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ac820e

#ac820e
rgb(172,130,14)

#89680b

#89680b
rgb(137,104,11)

#674e08

#674e08
rgb(103,78,8)

#443305

#443305
rgb(68,51,5)

#221902

#221902
rgb(34,25,2)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ac820e

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #ac820e

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

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

Este parágrafo tem fundo de cor #ac820e.

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

Este elemento tem uma cor de borda de #ac820e.

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

Cores alietórias

#6d930d

#6d930d
rgb(109,147,13)

#b3ec9d

#b3ec9d
rgb(179,236,157)

#bd6395

#bd6395
rgb(189,99,149)

#1cc1d8

#1cc1d8
rgb(28,193,216)

#37e147

#37e147
rgb(55,225,71)

#545fb5

#545fb5
rgb(84,95,181)

#13fc74

#13fc74
rgb(19,252,116)

#3cd95d

#3cd95d
rgb(60,217,93)

#dfe77c

#dfe77c
rgb(223,231,124)

#e30a6a

#e30a6a
rgb(227,10,106)

#5f2d87

#5f2d87
rgb(95,45,135)

#d59e9f

#d59e9f
rgb(213,158,159)