Informação da cor #cca0ab

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

No padrão de cores CMYK, é composto por 0% de ciano, 21.6% de magenta, 16.2% de amarelo e 20% de preto. Tem um ângulo de matiz de 345 graus, uma saturação de 30.1% e uma leveza de 71.4%.

A cor mais próxima WebSafe é CC9999.

Conversões de #cca0ab 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 cca0ab
RGB 204, 160, 171
RGB Percentagem 80%, 62.7%, 67.1%
CMYK 0, 0.22, 0.16, 0.2
HSL 345°, 30.1%, 71.4%
HSV (ou HSB) 345°, 21.6%, 80%
RYB 80, 62.7, 67.1
Formato Cor
XYZ 47.6, 44, 47.5
CIELab 72.22, 16.82, 0.42
Decimal 13410475
Yxy 40.921, 0.3453, 0.3153
YUV 174.41, 126.0756, 149.1056
CIELuv 70.1205, 26.3272, -2.3938
Web Safe CC9999

Distribuição de #cca0ab

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.

#cca0ab

#cca0ab
rgb(204,160,171)

#a0ccc1

#a0ccc1
rgb(160,204,193)

Cores triadicas

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

#accca0

#accca0
rgb(172,204,160)

#cca0ab

#cca0ab
rgb(204,160,171)

#a0accc

#a0accc
rgb(160,172,204)

Cores tetrádicas

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

#c1cca0

#c1cca0
rgb(193,204,160)

#cca0ab

#cca0ab
rgb(204,160,171)

#a0ccc1

#a0ccc1
rgb(160,204,193)

#aca0cc

#aca0cc
rgb(172,160,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.

#cca0ab

#cca0ab
rgb(204,160,171)

#cca1ac

#cca1ac
rgb(204,161,172)

#cc9fab

#cc9fab
rgb(204,159,171)

#cc9da9

#cc9da9
rgb(204,157,169)

#cc9ba7

#cc9ba7
rgb(204,155,167)

#cc99a6

#cc99a6
rgb(204,153,166)

Tons e Matizes de #cca0ab

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

Matiz (adicionando branco)
#cca0ab

#cca0ab
rgb(204,160,171)

#d6b3bb

#d6b3bb
rgb(214,179,187)

#e0c6cc

#e0c6cc
rgb(224,198,204)

#ead9dd

#ead9dd
rgb(234,217,221)

#f4ecee

#f4ecee
rgb(244,236,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cca0ab

#cca0ab
rgb(204,160,171)

#a38088

#a38088
rgb(163,128,136)

#7a6066

#7a6066
rgb(122,96,102)

#513f44

#513f44
rgb(81,63,68)

#281f22

#281f22
rgb(40,31,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cca0ab

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

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

Contraste

Branco e #cca0ab
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 #cca0ab
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #cca0ab

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

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

Este parágrafo tem fundo de cor #cca0ab.

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

Este elemento tem uma cor de borda de #cca0ab.

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

Cores alietórias

#015375

#015375
rgb(1,83,117)

#1b18a1

#1b18a1
rgb(27,24,161)

#7af4b1

#7af4b1
rgb(122,244,177)

#844e74

#844e74
rgb(132,78,116)

#d07dcd

#d07dcd
rgb(208,125,205)

#3cc674

#3cc674
rgb(60,198,116)

#40f61c

#40f61c
rgb(64,246,28)

#a3779b

#a3779b
rgb(163,119,155)

#0dd553

#0dd553
rgb(13,213,83)

#626208

#626208
rgb(98,98,8)

#4915c7

#4915c7
rgb(73,21,199)

#2eb7f9

#2eb7f9
rgb(46,183,249)