Informação da cor #d7ccdc

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

No padrão de cores CMYK, é composto por 2.3% de ciano, 7.3% de magenta, 0% de amarelo e 13.7% de preto. Tem um ângulo de matiz de 281.3 graus, uma saturação de 18.6% e uma leveza de 83.1%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #d7ccdc 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 d7ccdc
RGB 215, 204, 220
RGB Percentagem 84.3%, 80%, 86.3%
CMYK 0.02, 0.07, 0, 0.14
HSL 281.3°, 18.6%, 83.1%
HSV (ou HSB) 281.3°, 7.3%, 86.3%
RYB 84.3, 80, 86.3
Formato Cor
XYZ 64.7, 65.3, 78.8
CIELab 84.62, 6.21, -6.07
Decimal 14142684
Yxy 62.8004, 0.3098, 0.3111
YUV 209.113, 134.1439, 132.199
CIELuv 83.3372, 5.2474, -11.2148
Web Safe CCCCCC

Distribuição de #d7ccdc

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.

#d7ccdc

#d7ccdc
rgb(215,204,220)

#d1dccc

#d1dccc
rgb(209,220,204)

Cores triadicas

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

#dcd8cc

#dcd8cc
rgb(220,216,204)

#d7ccdc

#d7ccdc
rgb(215,204,220)

#ccdcd8

#ccdcd8
rgb(204,220,216)

Cores tetrádicas

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

#dccfcc

#dccfcc
rgb(220,207,204)

#d7ccdc

#d7ccdc
rgb(215,204,220)

#d1dccc

#d1dccc
rgb(209,220,204)

#ccd9dc

#ccd9dc
rgb(204,217,220)

Cores monocromáticas

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

#d7ccdc

#d7ccdc
rgb(215,204,220)

#ceaedc

#ceaedc
rgb(206,174,220)

#cdacdc

#cdacdc
rgb(205,172,220)

#cdaadc

#cdaadc
rgb(205,170,220)

#cca8dc

#cca8dc
rgb(204,168,220)

#cba5dc

#cba5dc
rgb(203,165,220)

Tons e Matizes de #d7ccdc

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

Matiz (adicionando branco)
#d7ccdc

#d7ccdc
rgb(215,204,220)

#dfd6e3

#dfd6e3
rgb(223,214,227)

#e7e0ea

#e7e0ea
rgb(231,224,234)

#efeaf1

#efeaf1
rgb(239,234,241)

#f7f4f8

#f7f4f8
rgb(247,244,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d7ccdc

#d7ccdc
rgb(215,204,220)

#aca3b0

#aca3b0
rgb(172,163,176)

#817a84

#817a84
rgb(129,122,132)

#555157

#555157
rgb(85,81,87)

#2a282b

#2a282b
rgb(42,40,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d7ccdc

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d7ccdc.

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

Este elemento tem uma cor de borda de #d7ccdc.

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

Cores alietórias

#79c16e

#79c16e
rgb(121,193,110)

#4b8154

#4b8154
rgb(75,129,84)

#2345a7

#2345a7
rgb(35,69,167)

#ecd21c

#ecd21c
rgb(236,210,28)

#8ecf8d

#8ecf8d
rgb(142,207,141)

#269fc5

#269fc5
rgb(38,159,197)

#a9282a

#a9282a
rgb(169,40,42)

#5b9bef

#5b9bef
rgb(91,155,239)

#a63114

#a63114
rgb(166,49,20)

#63d4fd

#63d4fd
rgb(99,212,253)

#f023b5

#f023b5
rgb(240,35,181)

#09c153

#09c153
rgb(9,193,83)