Informação da cor #7216fd

A cor hexadecimal 7216fd no modelo de cores RGB (Red, Green, Blue), é um composta por 114 de vermelho, 22 de verde e 253 de azul.

No padrão de cores CMYK, é composto por 54.9% de ciano, 91.3% de magenta, 0% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 263.9 graus, uma saturação de 98.3% e uma leveza de 53.9%.

A cor mais próxima WebSafe é 6600CC.

Conversões de #7216fd 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 7216fd
RGB 114, 22, 253
RGB Percentagem 44.7%, 8.6%, 99.2%
CMYK 0.55, 0.91, 0, 0.01
HSL 263.9°, 98.3%, 53.9%
HSV (ou HSB) 263.9°, 91.3%, 99.2%
RYB 44.7, 8.6, 99.2
Formato Cor
XYZ 26.2, 12.1, 94
CIELab 41.39, 78.17, -91.49
Decimal 7476989
Yxy 11.2418, 0.192, 0.0865
YUV 75.842, 227.9763, 155.2169
CIELuv 39.9848, 6.4084, -132.6931
Web Safe 6600CC

Distribuição de #7216fd

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.

#7216fd

#7216fd
rgb(114,22,253)

#a2fd16

#a2fd16
rgb(162,253,22)

Cores triadicas

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

#fd7216

#fd7216
rgb(253,114,22)

#7216fd

#7216fd
rgb(114,22,253)

#16fd72

#16fd72
rgb(22,253,114)

Cores tetrádicas

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

#fd162e

#fd162e
rgb(253,22,46)

#7216fd

#7216fd
rgb(114,22,253)

#a2fd16

#a2fd16
rgb(162,253,22)

#16fde6

#16fde6
rgb(22,253,230)

Cores monocromáticas

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

#7216fd

#7216fd
rgb(114,22,253)

#dcc6fd

#dcc6fd
rgb(220,198,253)

#dbc4fd

#dbc4fd
rgb(219,196,253)

#d9c1fd

#d9c1fd
rgb(217,193,253)

#d8befd

#d8befd
rgb(216,190,253)

#d6bcfd

#d6bcfd
rgb(214,188,253)

Tons e Matizes de #7216fd

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

Matiz (adicionando branco)
#7216fd

#7216fd
rgb(114,22,253)

#8e44fd

#8e44fd
rgb(142,68,253)

#aa73fd

#aa73fd
rgb(170,115,253)

#c6a1fe

#c6a1fe
rgb(198,161,254)

#e2d0fe

#e2d0fe
rgb(226,208,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7216fd

#7216fd
rgb(114,22,253)

#5b11ca

#5b11ca
rgb(91,17,202)

#440d97

#440d97
rgb(68,13,151)

#2d0865

#2d0865
rgb(45,8,101)

#160432

#160432
rgb(22,4,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7216fd

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

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

Contraste

Branco e #7216fd
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 #7216fd
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 #7216fd

Este exemplo mostra como o texto na cor #7216fd se parece.

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

Este parágrafo tem fundo de cor #7216fd.

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

Este elemento tem uma cor de borda de #7216fd.

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

Cores alietórias

#f472e0

#f472e0
rgb(244,114,224)

#85b46d

#85b46d
rgb(133,180,109)

#f6efd2

#f6efd2
rgb(246,239,210)

#728ec6

#728ec6
rgb(114,142,198)

#df700c

#df700c
rgb(223,112,12)

#a46aba

#a46aba
rgb(164,106,186)

#51fd4c

#51fd4c
rgb(81,253,76)

#0d1783

#0d1783
rgb(13,23,131)

#ccf839

#ccf839
rgb(204,248,57)

#750f6c

#750f6c
rgb(117,15,108)

#9e3807

#9e3807
rgb(158,56,7)

#d38880

#d38880
rgb(211,136,128)