Informação da cor #f73cf6

A cor hexadecimal f73cf6 no modelo de cores RGB (Red, Green, Blue), é um composta por 247 de vermelho, 60 de verde e 246 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 75.7% de magenta, 0.4% de amarelo e 3.1% de preto. Tem um ângulo de matiz de 300.3 graus, uma saturação de 92.1% e uma leveza de 60.2%.

A cor mais próxima WebSafe é CC33CC.

Conversões de #f73cf6 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 f73cf6
RGB 247, 60, 246
RGB Percentagem 96.9%, 23.5%, 96.5%
CMYK 0, 0.76, 0, 0.03
HSL 300.3°, 92.1%, 60.2%
HSV (ou HSB) 300.3°, 75.7%, 96.9%
RYB 96.9, 23.5, 96.5
Formato Cor
XYZ 57.4, 30.8, 90.7
CIELab 62.32, 85.12, -53.14
Decimal 16202998
Yxy 29.664, 0.3213, 0.1684
YUV 137.117, 189.4464, 206.376
CIELuv 61.3632, 76.362, -97.4853
Web Safe CC33CC

Distribuição de #f73cf6

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.

#f73cf6

#f73cf6
rgb(247,60,246)

#3cf73e

#3cf73e
rgb(60,247,62)

Cores triadicas

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

#f6f73c

#f6f73c
rgb(246,247,60)

#f73cf6

#f73cf6
rgb(247,60,246)

#3cf6f7

#3cf6f7
rgb(60,246,247)

Cores tetrádicas

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

#f79b3c

#f79b3c
rgb(247,155,60)

#f73cf6

#f73cf6
rgb(247,60,246)

#3cf73e

#3cf73e
rgb(60,247,62)

#3c99f7

#3c99f7
rgb(60,153,247)

Cores monocromáticas

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

#f73cf6

#f73cf6
rgb(247,60,246)

#f7c2f7

#f7c2f7
rgb(247,194,247)

#f7bff7

#f7bff7
rgb(247,191,247)

#f7bdf7

#f7bdf7
rgb(247,189,247)

#f7baf7

#f7baf7
rgb(247,186,247)

#f7b8f7

#f7b8f7
rgb(247,184,247)

Tons e Matizes de #f73cf6

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

Matiz (adicionando branco)
#f73cf6

#f73cf6
rgb(247,60,246)

#f863f7

#f863f7
rgb(248,99,247)

#fa8af9

#fa8af9
rgb(250,138,249)

#fbb1fb

#fbb1fb
rgb(251,177,251)

#fdd8fd

#fdd8fd
rgb(253,216,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f73cf6

#f73cf6
rgb(247,60,246)

#c530c4

#c530c4
rgb(197,48,196)

#942493

#942493
rgb(148,36,147)

#621762

#621762
rgb(98,23,98)

#310b31

#310b31
rgb(49,11,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f73cf6

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

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

Contraste

Branco e #f73cf6
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 #f73cf6
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 #f73cf6

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

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

Este parágrafo tem fundo de cor #f73cf6.

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

Este elemento tem uma cor de borda de #f73cf6.

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

Cores alietórias

#a471cf

#a471cf
rgb(164,113,207)

#51f84f

#51f84f
rgb(81,248,79)

#3cdb16

#3cdb16
rgb(60,219,22)

#a9742c

#a9742c
rgb(169,116,44)

#efa99a

#efa99a
rgb(239,169,154)

#6756d9

#6756d9
rgb(103,86,217)

#c55122

#c55122
rgb(197,81,34)

#116a29

#116a29
rgb(17,106,41)

#8fc2c5

#8fc2c5
rgb(143,194,197)

#99e3a6

#99e3a6
rgb(153,227,166)

#ee7ec8

#ee7ec8
rgb(238,126,200)

#918a59

#918a59
rgb(145,138,89)