Informação da cor #cc9fb6

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

No padrão de cores CMYK, é composto por 0% de ciano, 22.1% de magenta, 10.8% de amarelo e 20% de preto. Tem um ângulo de matiz de 329.3 graus, uma saturação de 30.6% e uma leveza de 71.2%.

A cor mais próxima WebSafe é CC9999.

Conversões de #cc9fb6 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 cc9fb6
RGB 204, 159, 182
RGB Percentagem 80%, 62.4%, 71.4%
CMYK 0, 0.22, 0.11, 0.2
HSL 329.3°, 30.6%, 71.2%
HSV (ou HSB) 329.3°, 22.1%, 80%
RYB 80, 62.4, 71.4
Formato Cor
XYZ 48.5, 44.1, 53.1
CIELab 72.28, 19.07, -5.22
Decimal 13410230
Yxy 41.0126, 0.3351, 0.3004
YUV 175.077, 131.9069, 148.6298
CIELuv 70.1848, 25.5458, -11.6323
Web Safe CC9999

Distribuição de #cc9fb6

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.

#cc9fb6

#cc9fb6
rgb(204,159,182)

#9fccb6

#9fccb6
rgb(159,204,182)

Cores triadicas

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

#b6cc9f

#b6cc9f
rgb(182,204,159)

#cc9fb6

#cc9fb6
rgb(204,159,182)

#9fb6cc

#9fb6cc
rgb(159,182,204)

Cores tetrádicas

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

#cccc9f

#cccc9f
rgb(204,204,159)

#cc9fb6

#cc9fb6
rgb(204,159,182)

#9fccb6

#9fccb6
rgb(159,204,182)

#9fa0cc

#9fa0cc
rgb(159,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.

#cc9fb6

#cc9fb6
rgb(204,159,182)

#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 #cc9fb6

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

Matiz (adicionando branco)
#cc9fb6

#cc9fb6
rgb(204,159,182)

#d6b2c4

#d6b2c4
rgb(214,178,196)

#e0c5d3

#e0c5d3
rgb(224,197,211)

#ead8e1

#ead8e1
rgb(234,216,225)

#f4ebf0

#f4ebf0
rgb(244,235,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cc9fb6

#cc9fb6
rgb(204,159,182)

#a37f91

#a37f91
rgb(163,127,145)

#7a5f6d

#7a5f6d
rgb(122,95,109)

#513f48

#513f48
rgb(81,63,72)

#281f24

#281f24
rgb(40,31,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cc9fb6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cc9fb6.

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

Este elemento tem uma cor de borda de #cc9fb6.

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

Cores alietórias

#2cce03

#2cce03
rgb(44,206,3)

#773f7b

#773f7b
rgb(119,63,123)

#f68b00

#f68b00
rgb(246,139,0)

#ac2305

#ac2305
rgb(172,35,5)

#39d3bf

#39d3bf
rgb(57,211,191)

#da09ee

#da09ee
rgb(218,9,238)

#57625f

#57625f
rgb(87,98,95)

#298e53

#298e53
rgb(41,142,83)

#7451d9

#7451d9
rgb(116,81,217)

#e22126

#e22126
rgb(226,33,38)

#314c0b

#314c0b
rgb(49,76,11)

#33a3a4

#33a3a4
rgb(51,163,164)