Informação da cor #9d16c8

A cor hexadecimal 9d16c8 no modelo de cores RGB (Red, Green, Blue), é um composta por 157 de vermelho, 22 de verde e 200 de azul.

No padrão de cores CMYK, é composto por 21.5% de ciano, 89% de magenta, 0% de amarelo e 21.6% de preto. Tem um ângulo de matiz de 285.5 graus, uma saturação de 80.2% e uma leveza de 43.5%.

A cor mais próxima WebSafe é 990099.

Conversões de #9d16c8 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 9d16c8
RGB 157, 22, 200
RGB Percentagem 61.6%, 8.6%, 78.4%
CMYK 0.21, 0.89, 0, 0.22
HSL 285.5°, 80.2%, 43.5%
HSV (ou HSB) 285.5°, 89%, 78.4%
RYB 61.6, 8.6, 78.4
Formato Cor
XYZ 26.6, 13.1, 58.3
CIELab 42.87, 73.16, -60.92
Decimal 10294984
Yxy 11.913, 0.2671, 0.1293
YUV 82.657, 194.2206, 181.0265
CIELuv 41.0775, 36.3737, -95.4429
Web Safe 990099

Distribuição de #9d16c8

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.

#9d16c8

#9d16c8
rgb(157,22,200)

#42c816

#42c816
rgb(66,200,22)

Cores triadicas

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

#c89d16

#c89d16
rgb(200,157,22)

#9d16c8

#9d16c8
rgb(157,22,200)

#16c89d

#16c89d
rgb(22,200,157)

Cores tetrádicas

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

#c84416

#c84416
rgb(200,68,22)

#9d16c8

#9d16c8
rgb(157,22,200)

#42c816

#42c816
rgb(66,200,22)

#169bc8

#169bc8
rgb(22,155,200)

Cores monocromáticas

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

#9d16c8

#9d16c8
rgb(157,22,200)

#be9dc8

#be9dc8
rgb(190,157,200)

#bd9bc8

#bd9bc8
rgb(189,155,200)

#bd99c8

#bd99c8
rgb(189,153,200)

#bc97c8

#bc97c8
rgb(188,151,200)

#bc95c8

#bc95c8
rgb(188,149,200)

Tons e Matizes de #9d16c8

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

Matiz (adicionando branco)
#9d16c8

#9d16c8
rgb(157,22,200)

#b044d3

#b044d3
rgb(176,68,211)

#c473de

#c473de
rgb(196,115,222)

#d7a1e9

#d7a1e9
rgb(215,161,233)

#ebd0f4

#ebd0f4
rgb(235,208,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9d16c8

#9d16c8
rgb(157,22,200)

#7d11a0

#7d11a0
rgb(125,17,160)

#5e0d78

#5e0d78
rgb(94,13,120)

#3e084f

#3e084f
rgb(62,8,79)

#1f0427

#1f0427
rgb(31,4,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9d16c8

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

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

Contraste

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

Preto e #9d16c8
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.

Exemplos CSS

Texto com cor hexadecimal #9d16c8

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

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

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

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

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

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

Cores alietórias

#436768

#436768
rgb(67,103,104)

#78c0cf

#78c0cf
rgb(120,192,207)

#795e19

#795e19
rgb(121,94,25)

#08fe7f

#08fe7f
rgb(8,254,127)

#3481d2

#3481d2
rgb(52,129,210)

#29bc62

#29bc62
rgb(41,188,98)

#5d3026

#5d3026
rgb(93,48,38)

#e8d46e

#e8d46e
rgb(232,212,110)

#225c87

#225c87
rgb(34,92,135)

#37755d

#37755d
rgb(55,117,93)

#8451ab

#8451ab
rgb(132,81,171)

#3a4ddf

#3a4ddf
rgb(58,77,223)