Informação da cor #9686ae

A cor hexadecimal 9686ae no modelo de cores RGB (Red, Green, Blue), é um composta por 150 de vermelho, 134 de verde e 174 de azul.

No padrão de cores CMYK, é composto por 13.8% de ciano, 23% de magenta, 0% de amarelo e 31.8% de preto. Tem um ângulo de matiz de 264 graus, uma saturação de 19.8% e uma leveza de 60.4%.

A cor mais próxima WebSafe é 666699.

Conversões de #9686ae 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 9686ae
RGB 150, 134, 174
RGB Percentagem 58.8%, 52.5%, 68.2%
CMYK 0.14, 0.23, 0, 0.32
HSL 264°, 19.8%, 60.4%
HSV (ou HSB) 264°, 23%, 68.2%
RYB 58.8, 52.5, 68.2
Formato Cor
XYZ 31.7, 29.7, 47.1
CIELab 61.36, 13.31, -17.85
Decimal 9864878
Yxy 26.5902, 0.2904, 0.2686
YUV 143.344, 145.3002, 132.7475
CIELuv 58.5931, 6.0821, -30.3847
Web Safe 666699

Distribuição de #9686ae

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.

#9686ae

#9686ae
rgb(150,134,174)

#9eae86

#9eae86
rgb(158,174,134)

Cores triadicas

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

#ae9686

#ae9686
rgb(174,150,134)

#9686ae

#9686ae
rgb(150,134,174)

#86ae96

#86ae96
rgb(134,174,150)

Cores tetrádicas

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

#ae868a

#ae868a
rgb(174,134,138)

#9686ae

#9686ae
rgb(150,134,174)

#9eae86

#9eae86
rgb(158,174,134)

#86aeab

#86aeab
rgb(134,174,171)

Cores monocromáticas

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

#9686ae

#9686ae
rgb(150,134,174)

#988aae

#988aae
rgb(152,138,174)

#9788ae

#9788ae
rgb(151,136,174)

#9686ae

#9686ae
rgb(150,134,174)

#9584ae

#9584ae
rgb(149,132,174)

#9483ae

#9483ae
rgb(148,131,174)

Tons e Matizes de #9686ae

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

Matiz (adicionando branco)
#9686ae

#9686ae
rgb(150,134,174)

#ab9ebe

#ab9ebe
rgb(171,158,190)

#c0b6ce

#c0b6ce
rgb(192,182,206)

#d5cede

#d5cede
rgb(213,206,222)

#eae6ee

#eae6ee
rgb(234,230,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9686ae

#9686ae
rgb(150,134,174)

#786b8b

#786b8b
rgb(120,107,139)

#5a5068

#5a5068
rgb(90,80,104)

#3b3545

#3b3545
rgb(59,53,69)

#1d1a22

#1d1a22
rgb(29,26,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9686ae

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

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

Contraste

Branco e #9686ae
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 #9686ae
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 #9686ae

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

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

Este parágrafo tem fundo de cor #9686ae.

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

Este elemento tem uma cor de borda de #9686ae.

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

Cores alietórias

#c7a634

#c7a634
rgb(199,166,52)

#51a05e

#51a05e
rgb(81,160,94)

#6d1aa7

#6d1aa7
rgb(109,26,167)

#5f1c5f

#5f1c5f
rgb(95,28,95)

#cc98d6

#cc98d6
rgb(204,152,214)

#5b8000

#5b8000
rgb(91,128,0)

#556646

#556646
rgb(85,102,70)

#d0d500

#d0d500
rgb(208,213,0)

#0cbebf

#0cbebf
rgb(12,190,191)

#4545c2

#4545c2
rgb(69,69,194)

#51ec7c

#51ec7c
rgb(81,236,124)

#b1dc0a

#b1dc0a
rgb(177,220,10)