Informação da cor #ced0d2

A cor hexadecimal ced0d2 no modelo de cores RGB (Red, Green, Blue), é um composta por 206 de vermelho, 208 de verde e 210 de azul.

No padrão de cores CMYK, é composto por 1.9% de ciano, 1% de magenta, 0% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 210 graus, uma saturação de 4.3% e uma leveza de 81.6%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #ced0d2 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 ced0d2
RGB 206, 208, 210
RGB Percentagem 80.8%, 81.6%, 82.4%
CMYK 0.02, 0.01, 0, 0.18
HSL 210°, 4.3%, 81.6%
HSV (ou HSB) 210°, 1.9%, 82.4%
RYB 80.8, 81.6, 82.4
Formato Cor
XYZ 62, 65.4, 72.6
CIELab 84.67, -0.29, -1.14
Decimal 13553874
Yxy 62.8866, 0.3098, 0.3267
YUV 207.63, 129.3375, 126.8374
CIELuv 83.3827, -1.2341, -1.8082
Web Safe CCCCCC

Distribuição de #ced0d2

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.

#ced0d2

#ced0d2
rgb(206,208,210)

#d2d0ce

#d2d0ce
rgb(210,208,206)

Cores triadicas

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

#d2ced0

#d2ced0
rgb(210,206,208)

#ced0d2

#ced0d2
rgb(206,208,210)

#d0d2ce

#d0d2ce
rgb(208,210,206)

Cores tetrádicas

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

#d2ced2

#d2ced2
rgb(210,206,210)

#ced0d2

#ced0d2
rgb(206,208,210)

#d2d0ce

#d2d0ce
rgb(210,208,206)

#ced2ce

#ced2ce
rgb(206,210,206)

Cores monocromáticas

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

#ced0d2

#ced0d2
rgb(206,208,210)

#a6bcd2

#a6bcd2
rgb(166,188,210)

#a4bbd2

#a4bbd2
rgb(164,187,210)

#a2bad2

#a2bad2
rgb(162,186,210)

#a0b9d2

#a0b9d2
rgb(160,185,210)

#9eb8d2

#9eb8d2
rgb(158,184,210)

Tons e Matizes de #ced0d2

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

Matiz (adicionando branco)
#ced0d2

#ced0d2
rgb(206,208,210)

#d7d9db

#d7d9db
rgb(215,217,219)

#e1e2e4

#e1e2e4
rgb(225,226,228)

#ebeced

#ebeced
rgb(235,236,237)

#f5f5f6

#f5f5f6
rgb(245,245,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ced0d2

#ced0d2
rgb(206,208,210)

#a4a6a8

#a4a6a8
rgb(164,166,168)

#7b7c7e

#7b7c7e
rgb(123,124,126)

#525353

#525353
rgb(82,83,83)

#292929

#292929
rgb(41,41,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ced0d2

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ced0d2.

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

Este elemento tem uma cor de borda de #ced0d2.

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

Cores alietórias

#7c7b05

#7c7b05
rgb(124,123,5)

#c8241f

#c8241f
rgb(200,36,31)

#6c2d6a

#6c2d6a
rgb(108,45,106)

#9b79b3

#9b79b3
rgb(155,121,179)

#db08b2

#db08b2
rgb(219,8,178)

#26c4f4

#26c4f4
rgb(38,196,244)

#9f0040

#9f0040
rgb(159,0,64)

#21bb30

#21bb30
rgb(33,187,48)

#d69a19

#d69a19
rgb(214,154,25)

#586031

#586031
rgb(88,96,49)

#0a3621

#0a3621
rgb(10,54,33)

#5963ec

#5963ec
rgb(89,99,236)