Informação da cor #dcc6e0

A cor hexadecimal dcc6e0 no modelo de cores RGB (Red, Green, Blue), é um composta por 220 de vermelho, 198 de verde e 224 de azul.

No padrão de cores CMYK, é composto por 1.8% de ciano, 11.6% de magenta, 0% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 290.8 graus, uma saturação de 29.6% e uma leveza de 82.8%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #dcc6e0 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 dcc6e0
RGB 220, 198, 224
RGB Percentagem 86.3%, 77.6%, 87.8%
CMYK 0.02, 0.12, 0, 0.12
HSL 290.8°, 29.6%, 82.8%
HSV (ou HSB) 290.8°, 11.6%, 87.8%
RYB 86.3, 77.6, 87.8
Formato Cor
XYZ 65.3, 63.5, 81.1
CIELab 83.71, 11.42, -9.35
Decimal 14468832
Yxy 60.9863, 0.311, 0.3003
YUV 207.542, 137.2878, 136.8859
CIELuv 82.3714, 10.851, -17.6844
Web Safe CC99CC

Distribuição de #dcc6e0

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.

#dcc6e0

#dcc6e0
rgb(220,198,224)

#cbe0c6

#cbe0c6
rgb(203,224,198)

Cores triadicas

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

#e0dcc6

#e0dcc6
rgb(224,220,198)

#dcc6e0

#dcc6e0
rgb(220,198,224)

#c6e0dc

#c6e0dc
rgb(198,224,220)

Cores tetrádicas

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

#e0cfc6

#e0cfc6
rgb(224,207,198)

#dcc6e0

#dcc6e0
rgb(220,198,224)

#cbe0c6

#cbe0c6
rgb(203,224,198)

#c6d8e0

#c6d8e0
rgb(198,216,224)

Cores monocromáticas

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

#dcc6e0

#dcc6e0
rgb(220,198,224)

#d9b1e0

#d9b1e0
rgb(217,177,224)

#d9afe0

#d9afe0
rgb(217,175,224)

#d9ade0

#d9ade0
rgb(217,173,224)

#d8aae0

#d8aae0
rgb(216,170,224)

#d8a8e0

#d8a8e0
rgb(216,168,224)

Tons e Matizes de #dcc6e0

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

Matiz (adicionando branco)
#dcc6e0

#dcc6e0
rgb(220,198,224)

#e3d1e6

#e3d1e6
rgb(227,209,230)

#eadcec

#eadcec
rgb(234,220,236)

#f1e8f2

#f1e8f2
rgb(241,232,242)

#f8f3f8

#f8f3f8
rgb(248,243,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dcc6e0

#dcc6e0
rgb(220,198,224)

#b09eb3

#b09eb3
rgb(176,158,179)

#847686

#847686
rgb(132,118,134)

#574f59

#574f59
rgb(87,79,89)

#2b272c

#2b272c
rgb(43,39,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dcc6e0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dcc6e0.

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

Este elemento tem uma cor de borda de #dcc6e0.

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

Cores alietórias

#4b1c7d

#4b1c7d
rgb(75,28,125)

#e58a9d

#e58a9d
rgb(229,138,157)

#c984cf

#c984cf
rgb(201,132,207)

#ec9c69

#ec9c69
rgb(236,156,105)

#cc66a5

#cc66a5
rgb(204,102,165)

#587260

#587260
rgb(88,114,96)

#d52d3f

#d52d3f
rgb(213,45,63)

#115ffc

#115ffc
rgb(17,95,252)

#cc5fde

#cc5fde
rgb(204,95,222)

#09ca19

#09ca19
rgb(9,202,25)

#c14e23

#c14e23
rgb(193,78,35)

#4c39aa

#4c39aa
rgb(76,57,170)