Informação da cor #c71585

A cor hexadecimal c71585 no modelo de cores RGB (Red, Green, Blue), é um composta por 199 de vermelho, 21 de verde e 133 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 89.4% de magenta, 33.2% de amarelo e 22% de preto. Tem um ângulo de matiz de 322.3 graus, uma saturação de 80.9% e uma leveza de 43.1%.

A cor mais próxima WebSafe é 990066.

Conversões de #c71585 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 c71585
RGB 199, 21, 133
RGB Percentagem 78%, 8.2%, 52.2%
CMYK 0, 0.89, 0.33, 0.22
HSL 322.3°, 80.9%, 43.1%
HSV (ou HSB) 322.3°, 89.5%, 78%
RYB 78, 8.2, 52.2
Formato Cor
XYZ 29.9, 15.4, 26.5
CIELab 46.23, 71.66, -17.49
Decimal 13047173
Yxy 14.3754, 0.4256, 0.2181
YUV 86.99, 153.965, 207.8931
CIELuv 44.7666, 92.7738, -32.8704
Web Safe 990066

Distribuição de #c71585

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.

#c71585

#c71585
rgb(199,21,133)

#16c758

#16c758
rgb(22,199,88)

Cores triadicas

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

#85c716

#85c716
rgb(133,199,22)

#c71585

#c71585
rgb(199,21,133)

#1685c7

#1685c7
rgb(22,133,199)

Cores tetrádicas

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

#c7b116

#c7b116
rgb(199,177,22)

#c71585

#c71585
rgb(199,21,133)

#16c758

#16c758
rgb(22,199,88)

#162cc7

#162cc7
rgb(22,44,199)

Cores monocromáticas

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

#c71585

#c71585
rgb(199,21,133)

#c79cb7

#c79cb7
rgb(199,156,183)

#c79ab7

#c79ab7
rgb(199,154,183)

#c798b6

#c798b6
rgb(199,152,182)

#c796b5

#c796b5
rgb(199,150,181)

#c794b4

#c794b4
rgb(199,148,180)

Tons e Matizes de #c71585

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

Matiz (adicionando branco)
#c71585

#c71585
rgb(199,21,133)

#d2439d

#d2439d
rgb(210,67,157)

#dd72b5

#dd72b5
rgb(221,114,181)

#e8a1ce

#e8a1ce
rgb(232,161,206)

#f3d0e6

#f3d0e6
rgb(243,208,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c71585

#c71585
rgb(199,21,133)

#9f106a

#9f106a
rgb(159,16,106)

#770c4f

#770c4f
rgb(119,12,79)

#4f0835

#4f0835
rgb(79,8,53)

#27041a

#27041a
rgb(39,4,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c71585

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c71585.

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

Este elemento tem uma cor de borda de #c71585.

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

Cores alietórias

#f5be0c

#f5be0c
rgb(245,190,12)

#4ffc2b

#4ffc2b
rgb(79,252,43)

#ed0989

#ed0989
rgb(237,9,137)

#d6e8c8

#d6e8c8
rgb(214,232,200)

#3e5717

#3e5717
rgb(62,87,23)

#605976

#605976
rgb(96,89,118)

#a34ded

#a34ded
rgb(163,77,237)

#6fd182

#6fd182
rgb(111,209,130)

#cdd8e0

#cdd8e0
rgb(205,216,224)

#74e3b6

#74e3b6
rgb(116,227,182)

#85d31e

#85d31e
rgb(133,211,30)

#b1ec9c

#b1ec9c
rgb(177,236,156)