Informação da cor #c02fa4

A cor hexadecimal c02fa4 no modelo de cores RGB (Red, Green, Blue), é um composta por 192 de vermelho, 47 de verde e 164 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 75.5% de magenta, 14.6% de amarelo e 24.7% de preto. Tem um ângulo de matiz de 311.6 graus, uma saturação de 60.7% e uma leveza de 46.9%.

A cor mais próxima WebSafe é 990099.

Conversões de #c02fa4 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 c02fa4
RGB 192, 47, 164
RGB Percentagem 75.3%, 18.4%, 64.3%
CMYK 0, 0.76, 0.15, 0.25
HSL 311.6°, 60.7%, 46.9%
HSV (ou HSB) 311.6°, 75.5%, 75.3%
RYB 75.3, 18.4, 64.3
Formato Cor
XYZ 31.6, 17.5, 39.9
CIELab 48.84, 66.79, -31.26
Decimal 12595108
Yxy 15.9226, 0.3592, 0.1941
YUV 103.693, 162.0333, 190.9865
CIELuv 46.8728, 69.2803, -54.4955
Web Safe 990099

Distribuição de #c02fa4

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.

#c02fa4

#c02fa4
rgb(192,47,164)

#2fc04c

#2fc04c
rgb(47,192,76)

Cores triadicas

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

#a4c02f

#a4c02f
rgb(164,192,47)

#c02fa4

#c02fa4
rgb(192,47,164)

#2fa4c0

#2fa4c0
rgb(47,164,192)

Cores tetrádicas

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

#c0942f

#c0942f
rgb(192,148,47)

#c02fa4

#c02fa4
rgb(192,47,164)

#2fc04c

#2fc04c
rgb(47,192,76)

#2f5cc0

#2f5cc0
rgb(47,92,192)

Cores monocromáticas

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

#c02fa4

#c02fa4
rgb(192,47,164)

#c097b8

#c097b8
rgb(192,151,184)

#c095b8

#c095b8
rgb(192,149,184)

#c093b8

#c093b8
rgb(192,147,184)

#c091b7

#c091b7
rgb(192,145,183)

#c08fb7

#c08fb7
rgb(192,143,183)

Tons e Matizes de #c02fa4

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

Matiz (adicionando branco)
#c02fa4

#c02fa4
rgb(192,47,164)

#cc58b6

#cc58b6
rgb(204,88,182)

#d982c8

#d982c8
rgb(217,130,200)

#e5abda

#e5abda
rgb(229,171,218)

#f2d5ec

#f2d5ec
rgb(242,213,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c02fa4

#c02fa4
rgb(192,47,164)

#992583

#992583
rgb(153,37,131)

#731c62

#731c62
rgb(115,28,98)

#4c1241

#4c1241
rgb(76,18,65)

#260920

#260920
rgb(38,9,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c02fa4

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c02fa4.

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

Este elemento tem uma cor de borda de #c02fa4.

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

Cores alietórias

#2647d6

#2647d6
rgb(38,71,214)

#e87024

#e87024
rgb(232,112,36)

#1df3cb

#1df3cb
rgb(29,243,203)

#b67424

#b67424
rgb(182,116,36)

#bb8e2d

#bb8e2d
rgb(187,142,45)

#39aa10

#39aa10
rgb(57,170,16)

#5d9771

#5d9771
rgb(93,151,113)

#8c3922

#8c3922
rgb(140,57,34)

#03b326

#03b326
rgb(3,179,38)

#38e928

#38e928
rgb(56,233,40)

#57087b

#57087b
rgb(87,8,123)

#f37627

#f37627
rgb(243,118,39)