Informação da cor #8a9969

A cor hexadecimal 8a9969 no modelo de cores RGB (Red, Green, Blue), é um composta por 138 de vermelho, 153 de verde e 105 de azul.

No padrão de cores CMYK, é composto por 9.8% de ciano, 0% de magenta, 31.4% de amarelo e 40% de preto. Tem um ângulo de matiz de 78.8 graus, uma saturação de 19.1% e uma leveza de 50.6%.

A cor mais próxima WebSafe é 669966.

Conversões de #8a9969 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 8a9969
RGB 138, 153, 105
RGB Percentagem 54.1%, 60%, 41.2%
CMYK 0.1, 0, 0.31, 0.4
HSL 78.8°, 19.1%, 50.6%
HSV (ou HSB) 78.8°, 31.4%, 60%
RYB 41.2, 60, 47.1
Formato Cor
XYZ 27.3, 32.3, 20.5
CIELab 63.61, -13.31, 22.57
Decimal 9083241
Yxy 29.2056, 0.3423, 0.4094
YUV 143.043, 106.531, 124.403
CIELuv 60.9627, -6.6499, 32.8227
Web Safe 669966

Distribuição de #8a9969

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.

#8a9969

#8a9969
rgb(138,153,105)

#786999

#786999
rgb(120,105,153)

Cores triadicas

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

#698a99

#698a99
rgb(105,138,153)

#8a9969

#8a9969
rgb(138,153,105)

#99698a

#99698a
rgb(153,105,138)

Cores tetrádicas

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

#699990

#699990
rgb(105,153,144)

#8a9969

#8a9969
rgb(138,153,105)

#786999

#786999
rgb(120,105,153)

#996972

#996972
rgb(153,105,114)

Cores monocromáticas

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

#8a9969

#8a9969
rgb(138,153,105)

#8f9979

#8f9979
rgb(143,153,121)

#8f9977

#8f9977
rgb(143,153,119)

#8e9976

#8e9976
rgb(142,153,118)

#8e9974

#8e9974
rgb(142,153,116)

#8d9973

#8d9973
rgb(141,153,115)

Tons e Matizes de #8a9969

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

Matiz (adicionando branco)
#8a9969

#8a9969
rgb(138,153,105)

#a1ad87

#a1ad87
rgb(161,173,135)

#b8c1a5

#b8c1a5
rgb(184,193,165)

#d0d6c3

#d0d6c3
rgb(208,214,195)

#e7eae1

#e7eae1
rgb(231,234,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8a9969

#8a9969
rgb(138,153,105)

#6e7a54

#6e7a54
rgb(110,122,84)

#525b3f

#525b3f
rgb(82,91,63)

#373d29

#373d29
rgb(55,61,41)

#1b1e14

#1b1e14
rgb(27,30,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8a9969

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

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

Contraste

Branco e #8a9969
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 #8a9969
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 #8a9969

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

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

Este parágrafo tem fundo de cor #8a9969.

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

Este elemento tem uma cor de borda de #8a9969.

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

Cores alietórias

#b2bbb2

#b2bbb2
rgb(178,187,178)

#49e9f7

#49e9f7
rgb(73,233,247)

#3eec59

#3eec59
rgb(62,236,89)

#798314

#798314
rgb(121,131,20)

#ab07c2

#ab07c2
rgb(171,7,194)

#eafa9a

#eafa9a
rgb(234,250,154)

#3a6dad

#3a6dad
rgb(58,109,173)

#c59379

#c59379
rgb(197,147,121)

#296599

#296599
rgb(41,101,153)

#fcb4c6

#fcb4c6
rgb(252,180,198)

#b61768

#b61768
rgb(182,23,104)

#4c9094

#4c9094
rgb(76,144,148)