Informação da cor #a3ae66

A cor hexadecimal a3ae66 no modelo de cores RGB (Red, Green, Blue), é um composta por 163 de vermelho, 174 de verde e 102 de azul.

No padrão de cores CMYK, é composto por 6.3% de ciano, 0% de magenta, 41.4% de amarelo e 31.8% de preto. Tem um ângulo de matiz de 69.2 graus, uma saturação de 30.8% e uma leveza de 54.1%.

A cor mais próxima WebSafe é 999966.

Conversões de #a3ae66 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 a3ae66
RGB 163, 174, 102
RGB Percentagem 63.9%, 68.2%, 40%
CMYK 0.06, 0, 0.41, 0.32
HSL 69.2°, 30.8%, 54.1%
HSV (ou HSB) 69.2°, 41.4%, 68.2%
RYB 40, 68.2, 44.3
Formato Cor
XYZ 35.5, 42.1, 21.1
CIELab 70.95, -14.66, 34.13
Decimal 10727014
Yxy 39.0183, 0.3625, 0.4334
YUV 162.503, 93.8561, 128.3545
CIELuv 68.7645, -3.4549, 47.7481
Web Safe 999966

Distribuição de #a3ae66

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.

#a3ae66

#a3ae66
rgb(163,174,102)

#7166ae

#7166ae
rgb(113,102,174)

Cores triadicas

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

#66a4ae

#66a4ae
rgb(102,164,174)

#a3ae66

#a3ae66
rgb(163,174,102)

#ae66a4

#ae66a4
rgb(174,102,164)

Cores tetrádicas

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

#66ae95

#66ae95
rgb(102,174,149)

#a3ae66

#a3ae66
rgb(163,174,102)

#7166ae

#7166ae
rgb(113,102,174)

#ae6680

#ae6680
rgb(174,102,128)

Cores monocromáticas

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

#a3ae66

#a3ae66
rgb(163,174,102)

#a9ae89

#a9ae89
rgb(169,174,137)

#a9ae87

#a9ae87
rgb(169,174,135)

#a8ae86

#a8ae86
rgb(168,174,134)

#a8ae84

#a8ae84
rgb(168,174,132)

#a8ae82

#a8ae82
rgb(168,174,130)

Tons e Matizes de #a3ae66

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

Matiz (adicionando branco)
#a3ae66

#a3ae66
rgb(163,174,102)

#b5be84

#b5be84
rgb(181,190,132)

#c7cea3

#c7cea3
rgb(199,206,163)

#dadec1

#dadec1
rgb(218,222,193)

#eceee0

#eceee0
rgb(236,238,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a3ae66

#a3ae66
rgb(163,174,102)

#828b51

#828b51
rgb(130,139,81)

#61683d

#61683d
rgb(97,104,61)

#414528

#414528
rgb(65,69,40)

#202214

#202214
rgb(32,34,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a3ae66

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a3ae66.

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

Este elemento tem uma cor de borda de #a3ae66.

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

Cores alietórias

#f330e2

#f330e2
rgb(243,48,226)

#66c333

#66c333
rgb(102,195,51)

#079d8b

#079d8b
rgb(7,157,139)

#201199

#201199
rgb(32,17,153)

#adaf1e

#adaf1e
rgb(173,175,30)

#c2a136

#c2a136
rgb(194,161,54)

#20a94e

#20a94e
rgb(32,169,78)

#572dfc

#572dfc
rgb(87,45,252)

#52a829

#52a829
rgb(82,168,41)

#4789af

#4789af
rgb(71,137,175)

#ee1a99

#ee1a99
rgb(238,26,153)

#efd063

#efd063
rgb(239,208,99)