Informação da cor #c561f5

A cor hexadecimal c561f5 no modelo de cores RGB (Red, Green, Blue), é um composta por 197 de vermelho, 97 de verde e 245 de azul.

No padrão de cores CMYK, é composto por 19.6% de ciano, 60.4% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 280.5 graus, uma saturação de 88.1% e uma leveza de 67.1%.

A cor mais próxima WebSafe é 9933CC.

Conversões de #c561f5 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 c561f5
RGB 197, 97, 245
RGB Percentagem 77.3%, 38%, 96.1%
CMYK 0.2, 0.6, 0, 0.04
HSL 280.5°, 88.1%, 67.1%
HSV (ou HSB) 280.5°, 60.4%, 96.1%
RYB 77.3, 38, 96.1
Formato Cor
XYZ 45.9, 29.3, 90.3
CIELab 61.05, 60.1, -55.03
Decimal 12935669
Yxy 27.0135, 0.2735, 0.1688
YUV 143.772, 185.1264, 165.9658
CIELuv 58.9868, 35.6271, -99.0477
Web Safe 9933CC

Distribuição de #c561f5

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.

#c561f5

#c561f5
rgb(197,97,245)

#91f561

#91f561
rgb(145,245,97)

Cores triadicas

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

#f5c661

#f5c661
rgb(245,198,97)

#c561f5

#c561f5
rgb(197,97,245)

#61f5c6

#61f5c6
rgb(97,245,198)

Cores tetrádicas

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

#f57c61

#f57c61
rgb(245,124,97)

#c561f5

#c561f5
rgb(197,97,245)

#91f561

#91f561
rgb(145,245,97)

#61dbf5

#61dbf5
rgb(97,219,245)

Cores monocromáticas

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

#c561f5

#c561f5
rgb(197,97,245)

#e4c1f5

#e4c1f5
rgb(228,193,245)

#e4bef5

#e4bef5
rgb(228,190,245)

#e3bcf5

#e3bcf5
rgb(227,188,245)

#e2b9f5

#e2b9f5
rgb(226,185,245)

#e1b7f5

#e1b7f5
rgb(225,183,245)

Tons e Matizes de #c561f5

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

Matiz (adicionando branco)
#c561f5

#c561f5
rgb(197,97,245)

#d080f7

#d080f7
rgb(208,128,247)

#dca0f9

#dca0f9
rgb(220,160,249)

#e7bffb

#e7bffb
rgb(231,191,251)

#f3dffd

#f3dffd
rgb(243,223,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c561f5

#c561f5
rgb(197,97,245)

#9d4dc4

#9d4dc4
rgb(157,77,196)

#763a93

#763a93
rgb(118,58,147)

#4e2661

#4e2661
rgb(78,38,97)

#271330

#271330
rgb(39,19,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c561f5

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

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

Contraste

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

Preto e #c561f5
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 #c561f5

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

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

Este parágrafo tem fundo de cor #c561f5.

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

Este elemento tem uma cor de borda de #c561f5.

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

Cores alietórias

#2be2d4

#2be2d4
rgb(43,226,212)

#7ff1d7

#7ff1d7
rgb(127,241,215)

#0be846

#0be846
rgb(11,232,70)

#598592

#598592
rgb(89,133,146)

#7a58f5

#7a58f5
rgb(122,88,245)

#802b46

#802b46
rgb(128,43,70)

#cba6f8

#cba6f8
rgb(203,166,248)

#9f0082

#9f0082
rgb(159,0,130)

#4a3bf4

#4a3bf4
rgb(74,59,244)

#59c765

#59c765
rgb(89,199,101)

#2b1cc6

#2b1cc6
rgb(43,28,198)

#1ce67d

#1ce67d
rgb(28,230,125)