Informação da cor #9eae84

A cor hexadecimal 9eae84 no modelo de cores RGB (Red, Green, Blue), é um composta por 158 de vermelho, 174 de verde e 132 de azul.

No padrão de cores CMYK, é composto por 9.2% de ciano, 0% de magenta, 24.1% de amarelo e 31.8% de preto. Tem um ângulo de matiz de 82.9 graus, uma saturação de 20.6% e uma leveza de 60%.

A cor mais próxima WebSafe é 999966.

Conversões de #9eae84 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 9eae84
RGB 158, 174, 132
RGB Percentagem 62%, 68.2%, 51.8%
CMYK 0.09, 0, 0.24, 0.32
HSL 82.9°, 20.6%, 60%
HSV (ou HSB) 82.9°, 24.1%, 68.2%
RYB 51.8, 68.2, 58
Formato Cor
XYZ 36.4, 42.4, 30.9
CIELab 71.11, -12.44, 18.74
Decimal 10399364
Yxy 39.207, 0.3332, 0.3911
YUV 164.428, 109.6998, 123.4151
CIELuv 68.901, -7.3192, 29.2008
Web Safe 999966

Distribuição de #9eae84

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.

#9eae84

#9eae84
rgb(158,174,132)

#9484ae

#9484ae
rgb(148,132,174)

Cores triadicas

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

#849fae

#849fae
rgb(132,159,174)

#9eae84

#9eae84
rgb(158,174,132)

#ae849f

#ae849f
rgb(174,132,159)

Cores tetrádicas

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

#84aea9

#84aea9
rgb(132,174,169)

#9eae84

#9eae84
rgb(158,174,132)

#9484ae

#9484ae
rgb(148,132,174)

#ae848a

#ae848a
rgb(174,132,138)

Cores monocromáticas

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

#9eae84

#9eae84
rgb(158,174,132)

#a0ae8a

#a0ae8a
rgb(160,174,138)

#a0ae88

#a0ae88
rgb(160,174,136)

#9fae86

#9fae86
rgb(159,174,134)

#9eae84

#9eae84
rgb(158,174,132)

#9eae83

#9eae83
rgb(158,174,131)

Tons e Matizes de #9eae84

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

Matiz (adicionando branco)
#9eae84

#9eae84
rgb(158,174,132)

#b1be9c

#b1be9c
rgb(177,190,156)

#c4ceb5

#c4ceb5
rgb(196,206,181)

#d8decd

#d8decd
rgb(216,222,205)

#ebeee6

#ebeee6
rgb(235,238,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9eae84

#9eae84
rgb(158,174,132)

#7e8b69

#7e8b69
rgb(126,139,105)

#5e684f

#5e684f
rgb(94,104,79)

#3f4534

#3f4534
rgb(63,69,52)

#1f221a

#1f221a
rgb(31,34,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9eae84

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

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

Contraste

Branco e #9eae84
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 #9eae84
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 #9eae84

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

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

Este parágrafo tem fundo de cor #9eae84.

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

Este elemento tem uma cor de borda de #9eae84.

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

Cores alietórias

#b6d6c1

#b6d6c1
rgb(182,214,193)

#877fd8

#877fd8
rgb(135,127,216)

#fb04d1

#fb04d1
rgb(251,4,209)

#b14225

#b14225
rgb(177,66,37)

#6ca0b6

#6ca0b6
rgb(108,160,182)

#e6b90d

#e6b90d
rgb(230,185,13)

#062911

#062911
rgb(6,41,17)

#a57a80

#a57a80
rgb(165,122,128)

#d3a4d8

#d3a4d8
rgb(211,164,216)

#67ce2a

#67ce2a
rgb(103,206,42)

#21286c

#21286c
rgb(33,40,108)

#e1541a

#e1541a
rgb(225,84,26)