Informação da cor #c4afc1

A cor hexadecimal c4afc1 no modelo de cores RGB (Red, Green, Blue), é um composta por 196 de vermelho, 175 de verde e 193 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 10.7% de magenta, 1.5% de amarelo e 23.1% de preto. Tem um ângulo de matiz de 308.6 graus, uma saturação de 15.1% e uma leveza de 72.8%.

A cor mais próxima WebSafe é 999999.

Conversões de #c4afc1 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 c4afc1
RGB 196, 175, 193
RGB Percentagem 76.9%, 68.6%, 75.7%
CMYK 0, 0.11, 0.02, 0.23
HSL 308.6°, 15.1%, 72.8%
HSV (ou HSB) 308.6°, 10.7%, 76.9%
RYB 76.9, 68.6, 75.7
Formato Cor
XYZ 50.5, 49.3, 60
CIELab 75.63, 10.04, -5.99
Decimal 12890049
Yxy 46.2466, 0.3164, 0.3066
YUV 183.331, 133.4565, 137.0364
CIELuv 73.7053, 10.9803, -11.4464
Web Safe 999999

Distribuição de #c4afc1

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.

#c4afc1

#c4afc1
rgb(196,175,193)

#b0c4b2

#b0c4b2
rgb(176,196,178)

Cores triadicas

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

#c2c4b0

#c2c4b0
rgb(194,196,176)

#c4afc1

#c4afc1
rgb(196,175,193)

#b0c2c4

#b0c2c4
rgb(176,194,196)

Cores tetrádicas

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

#c4bdb0

#c4bdb0
rgb(196,189,176)

#c4afc1

#c4afc1
rgb(196,175,193)

#b0c4b2

#b0c4b2
rgb(176,196,178)

#b0b7c4

#b0b7c4
rgb(176,183,196)

Cores monocromáticas

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

#c4afc1

#c4afc1
rgb(196,175,193)

#c49bbf

#c49bbf
rgb(196,155,191)

#c499be

#c499be
rgb(196,153,190)

#c497be

#c497be
rgb(196,151,190)

#c495be

#c495be
rgb(196,149,190)

#c493bd

#c493bd
rgb(196,147,189)

Tons e Matizes de #c4afc1

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

Matiz (adicionando branco)
#c4afc1

#c4afc1
rgb(196,175,193)

#cfbfcd

#cfbfcd
rgb(207,191,205)

#dbcfd9

#dbcfd9
rgb(219,207,217)

#e7dfe6

#e7dfe6
rgb(231,223,230)

#f3eff2

#f3eff2
rgb(243,239,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c4afc1

#c4afc1
rgb(196,175,193)

#9c8c9a

#9c8c9a
rgb(156,140,154)

#756973

#756973
rgb(117,105,115)

#4e454d

#4e454d
rgb(78,69,77)

#272226

#272226
rgb(39,34,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c4afc1

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c4afc1.

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

Este elemento tem uma cor de borda de #c4afc1.

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

Cores alietórias

#ad4897

#ad4897
rgb(173,72,151)

#810cf7

#810cf7
rgb(129,12,247)

#68a84e

#68a84e
rgb(104,168,78)

#b09a80

#b09a80
rgb(176,154,128)

#362a91

#362a91
rgb(54,42,145)

#8765f4

#8765f4
rgb(135,101,244)

#661afc

#661afc
rgb(102,26,252)

#1f2a4c

#1f2a4c
rgb(31,42,76)

#c493f8

#c493f8
rgb(196,147,248)

#686af8

#686af8
rgb(104,106,248)

#946bef

#946bef
rgb(148,107,239)

#9a9088

#9a9088
rgb(154,144,136)