Informação da cor #9a91bf

A cor hexadecimal 9a91bf no modelo de cores RGB (Red, Green, Blue), é um composta por 154 de vermelho, 145 de verde e 191 de azul.

No padrão de cores CMYK, é composto por 19.4% de ciano, 24.1% de magenta, 0% de amarelo e 25.1% de preto. Tem um ângulo de matiz de 251.7 graus, uma saturação de 26.4% e uma leveza de 65.9%.

A cor mais próxima WebSafe é 996699.

Conversões de #9a91bf 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 9a91bf
RGB 154, 145, 191
RGB Percentagem 60.4%, 56.9%, 74.9%
CMYK 0.19, 0.24, 0, 0.25
HSL 251.7°, 26.4%, 65.9%
HSV (ou HSB) 251.7°, 24.1%, 74.9%
RYB 60.4, 56.9, 74.9
Formato Cor
XYZ 35.8, 34, 56.7
CIELab 64.98, 12.12, -21.3
Decimal 10129855
Yxy 30.8821, 0.2802, 0.2634
YUV 152.935, 149.4814, 128.7596
CIELuv 62.408, 1.8658, -36.546
Web Safe 996699

Distribuição de #9a91bf

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.

#9a91bf

#9a91bf
rgb(154,145,191)

#b7bf91

#b7bf91
rgb(183,191,145)

Cores triadicas

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

#bf9a91

#bf9a91
rgb(191,154,145)

#9a91bf

#9a91bf
rgb(154,145,191)

#91bf9a

#91bf9a
rgb(145,191,154)

Cores tetrádicas

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

#bf91a0

#bf91a0
rgb(191,145,160)

#9a91bf

#9a91bf
rgb(154,145,191)

#b7bf91

#b7bf91
rgb(183,191,145)

#91bfb1

#91bfb1
rgb(145,191,177)

Cores monocromáticas

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

#9a91bf

#9a91bf
rgb(154,145,191)

#9f97bf

#9f97bf
rgb(159,151,191)

#9d95bf

#9d95bf
rgb(157,149,191)

#9c93bf

#9c93bf
rgb(156,147,191)

#9a91bf

#9a91bf
rgb(154,145,191)

#998fbf

#998fbf
rgb(153,143,191)

Tons e Matizes de #9a91bf

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

Matiz (adicionando branco)
#9a91bf

#9a91bf
rgb(154,145,191)

#aea7cb

#aea7cb
rgb(174,167,203)

#c2bdd8

#c2bdd8
rgb(194,189,216)

#d6d3e5

#d6d3e5
rgb(214,211,229)

#eae9f2

#eae9f2
rgb(234,233,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9a91bf

#9a91bf
rgb(154,145,191)

#7b7498

#7b7498
rgb(123,116,152)

#5c5772

#5c5772
rgb(92,87,114)

#3d394c

#3d394c
rgb(61,57,76)

#1e1c26

#1e1c26
rgb(30,28,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9a91bf

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#17804a

#17804a
rgb(23,128,74)

#453500

#453500
rgb(69,53,0)

#f5bc9a

#f5bc9a
rgb(245,188,154)

#cdeba8

#cdeba8
rgb(205,235,168)

#2f5603

#2f5603
rgb(47,86,3)

#20b3b0

#20b3b0
rgb(32,179,176)

#61fda8

#61fda8
rgb(97,253,168)

#93e38a

#93e38a
rgb(147,227,138)

#b42bf8

#b42bf8
rgb(180,43,248)

#7027d1

#7027d1
rgb(112,39,209)

#3355d6

#3355d6
rgb(51,85,214)

#50779a

#50779a
rgb(80,119,154)