Informação da cor #cc7aa3

A cor hexadecimal cc7aa3 no modelo de cores RGB (Red, Green, Blue), é um composta por 204 de vermelho, 122 de verde e 163 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 40.2% de magenta, 20.1% de amarelo e 20% de preto. Tem um ângulo de matiz de 330 graus, uma saturação de 44.6% e uma leveza de 63.9%.

A cor mais próxima WebSafe é CC6699.

Conversões de #cc7aa3 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 cc7aa3
RGB 204, 122, 163
RGB Percentagem 80%, 47.8%, 63.9%
CMYK 0, 0.4, 0.2, 0.2
HSL 330°, 44.6%, 63.9%
HSV (ou HSB) 330°, 40.2%, 80%
RYB 80, 47.8, 63.9
Formato Cor
XYZ 41.1, 32.2, 41.7
CIELab 63.52, 35.44, -8.16
Decimal 13400739
Yxy 29.4033, 0.3624, 0.2769
YUV 151.192, 134.6636, 165.6662
CIELuv 61.136, 48.5306, -18.3836
Web Safe CC6699

Distribuição de #cc7aa3

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.

#cc7aa3

#cc7aa3
rgb(204,122,163)

#7acca4

#7acca4
rgb(122,204,164)

Cores triadicas

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

#a4cc7a

#a4cc7a
rgb(164,204,122)

#cc7aa3

#cc7aa3
rgb(204,122,163)

#7aa4cc

#7aa4cc
rgb(122,164,204)

Cores tetrádicas

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

#cccc7a

#cccc7a
rgb(204,204,122)

#cc7aa3

#cc7aa3
rgb(204,122,163)

#7acca4

#7acca4
rgb(122,204,164)

#7a7acc

#7a7acc
rgb(122,122,204)

Cores monocromáticas

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

#cc7aa3

#cc7aa3
rgb(204,122,163)

#cca1b7

#cca1b7
rgb(204,161,183)

#cc9fb6

#cc9fb6
rgb(204,159,182)

#cc9db5

#cc9db5
rgb(204,157,181)

#cc9bb4

#cc9bb4
rgb(204,155,180)

#cc99b3

#cc99b3
rgb(204,153,179)

Tons e Matizes de #cc7aa3

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

Matiz (adicionando branco)
#cc7aa3

#cc7aa3
rgb(204,122,163)

#d694b5

#d694b5
rgb(214,148,181)

#e0afc7

#e0afc7
rgb(224,175,199)

#eac9da

#eac9da
rgb(234,201,218)

#f4e4ec

#f4e4ec
rgb(244,228,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cc7aa3

#cc7aa3
rgb(204,122,163)

#a36182

#a36182
rgb(163,97,130)

#7a4961

#7a4961
rgb(122,73,97)

#513041

#513041
rgb(81,48,65)

#281820

#281820
rgb(40,24,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cc7aa3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cc7aa3.

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

Este elemento tem uma cor de borda de #cc7aa3.

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

Cores alietórias

#39d636

#39d636
rgb(57,214,54)

#0e87a0

#0e87a0
rgb(14,135,160)

#888e91

#888e91
rgb(136,142,145)

#589555

#589555
rgb(88,149,85)

#087280

#087280
rgb(8,114,128)

#7dde21

#7dde21
rgb(125,222,33)

#9d34be

#9d34be
rgb(157,52,190)

#04db97

#04db97
rgb(4,219,151)

#2a3380

#2a3380
rgb(42,51,128)

#7c9f75

#7c9f75
rgb(124,159,117)

#3fba33

#3fba33
rgb(63,186,51)

#0caf31

#0caf31
rgb(12,175,49)