Informação da cor #c295bc

A cor hexadecimal c295bc no modelo de cores RGB (Red, Green, Blue), é um composta por 194 de vermelho, 149 de verde e 188 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 23.2% de magenta, 3.1% de amarelo e 23.9% de preto. Tem um ângulo de matiz de 308 graus, uma saturação de 27% e uma leveza de 67.3%.

A cor mais próxima WebSafe é 996699.

Conversões de #c295bc 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 c295bc
RGB 194, 149, 188
RGB Percentagem 76.1%, 58.4%, 73.7%
CMYK 0, 0.23, 0.03, 0.24
HSL 308°, 27%, 67.3%
HSV (ou HSB) 308°, 23.2%, 76.1%
RYB 76.1, 58.4, 73.7
Formato Cor
XYZ 44.9, 39.7, 55.7
CIELab 69.24, 22.03, -12.95
Decimal 12752316
Yxy 36.5963, 0.321, 0.2792
YUV 166.901, 139.9069, 147.3288
CIELuv 66.9731, 23.5641, -24.5174
Web Safe 996699

Distribuição de #c295bc

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.

#c295bc

#c295bc
rgb(194,149,188)

#95c29c

#95c29c
rgb(149,194,156)

Cores triadicas

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

#bcc295

#bcc295
rgb(188,194,149)

#c295bc

#c295bc
rgb(194,149,188)

#95bcc2

#95bcc2
rgb(149,188,194)

Cores tetrádicas

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

#c2b295

#c2b295
rgb(194,178,149)

#c295bc

#c295bc
rgb(194,149,188)

#95c29c

#95c29c
rgb(149,194,156)

#95a6c2

#95a6c2
rgb(149,166,194)

Cores monocromáticas

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

#c295bc

#c295bc
rgb(194,149,188)

#c299bd

#c299bd
rgb(194,153,189)

#c297bd

#c297bd
rgb(194,151,189)

#c295bc

#c295bc
rgb(194,149,188)

#c293bc

#c293bc
rgb(194,147,188)

#c292bc

#c292bc
rgb(194,146,188)

Tons e Matizes de #c295bc

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

Matiz (adicionando branco)
#c295bc

#c295bc
rgb(194,149,188)

#ceaac9

#ceaac9
rgb(206,170,201)

#dabfd6

#dabfd6
rgb(218,191,214)

#e6d4e4

#e6d4e4
rgb(230,212,228)

#f2e9f1

#f2e9f1
rgb(242,233,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c295bc

#c295bc
rgb(194,149,188)

#9b7796

#9b7796
rgb(155,119,150)

#745970

#745970
rgb(116,89,112)

#4d3b4b

#4d3b4b
rgb(77,59,75)

#261d25

#261d25
rgb(38,29,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c295bc

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c295bc.

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

Este elemento tem uma cor de borda de #c295bc.

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

Cores alietórias

#a4089d

#a4089d
rgb(164,8,157)

#df1871

#df1871
rgb(223,24,113)

#0aa00e

#0aa00e
rgb(10,160,14)

#b2a8d4

#b2a8d4
rgb(178,168,212)

#f69e9b

#f69e9b
rgb(246,158,155)

#b69f59

#b69f59
rgb(182,159,89)

#10922d

#10922d
rgb(16,146,45)

#23e0c4

#23e0c4
rgb(35,224,196)

#fdcf40

#fdcf40
rgb(253,207,64)

#012a47

#012a47
rgb(1,42,71)

#2c213c

#2c213c
rgb(44,33,60)

#6e8e45

#6e8e45
rgb(110,142,69)