Informação da cor #c02d72

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

No padrão de cores CMYK, é composto por 0% de ciano, 76.6% de magenta, 40.6% de amarelo e 24.7% de preto. Tem um ângulo de matiz de 331.8 graus, uma saturação de 62% e uma leveza de 46.5%.

A cor mais próxima WebSafe é 990066.

Conversões de #c02d72 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 c02d72
RGB 192, 45, 114
RGB Percentagem 75.3%, 17.6%, 44.7%
CMYK 0, 0.77, 0.41, 0.25
HSL 331.8°, 62%, 46.5%
HSV (ou HSB) 331.8°, 76.6%, 75.3%
RYB 75.3, 17.6, 44.7
Formato Cor
XYZ 27.7, 15.8, 20.1
CIELab 46.67, 61.45, -5.72
Decimal 12594546
Yxy 14.3014, 0.4485, 0.2494
YUV 96.819, 137.6958, 195.8895
CIELuv 44.6622, 89.5201, -16.1688
Web Safe 990066

Distribuição de #c02d72

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.

#c02d72

#c02d72
rgb(192,45,114)

#2dc07b

#2dc07b
rgb(45,192,123)

Cores triadicas

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

#73c02d

#73c02d
rgb(115,192,45)

#c02d72

#c02d72
rgb(192,45,114)

#2d73c0

#2d73c0
rgb(45,115,192)

Cores tetrádicas

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

#bcc02d

#bcc02d
rgb(188,192,45)

#c02d72

#c02d72
rgb(192,45,114)

#2dc07b

#2dc07b
rgb(45,192,123)

#322dc0

#322dc0
rgb(50,45,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.

#c02d72

#c02d72
rgb(192,45,114)

#c097aa

#c097aa
rgb(192,151,170)

#c095a9

#c095a9
rgb(192,149,169)

#c093a8

#c093a8
rgb(192,147,168)

#c091a7

#c091a7
rgb(192,145,167)

#c08fa6

#c08fa6
rgb(192,143,166)

Tons e Matizes de #c02d72

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

Matiz (adicionando branco)
#c02d72

#c02d72
rgb(192,45,114)

#cc578e

#cc578e
rgb(204,87,142)

#d981aa

#d981aa
rgb(217,129,170)

#e5abc6

#e5abc6
rgb(229,171,198)

#f2d5e2

#f2d5e2
rgb(242,213,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c02d72

#c02d72
rgb(192,45,114)

#99245b

#99245b
rgb(153,36,91)

#731b44

#731b44
rgb(115,27,68)

#4c112d

#4c112d
rgb(76,17,45)

#260816

#260816
rgb(38,8,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c02d72

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c02d72.

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

Este elemento tem uma cor de borda de #c02d72.

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

Cores alietórias

#c07c8a

#c07c8a
rgb(192,124,138)

#951b3a

#951b3a
rgb(149,27,58)

#24db4a

#24db4a
rgb(36,219,74)

#dd2bc6

#dd2bc6
rgb(221,43,198)

#b533e6

#b533e6
rgb(181,51,230)

#a09957

#a09957
rgb(160,153,87)

#c9da71

#c9da71
rgb(201,218,113)

#25d5f6

#25d5f6
rgb(37,213,246)

#784bfe

#784bfe
rgb(120,75,254)

#b71e54

#b71e54
rgb(183,30,84)

#3496ff

#3496ff
rgb(52,150,255)

#e27328

#e27328
rgb(226,115,40)