Informação da cor #cdcdcc

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

No padrão de cores CMYK, é composto por 0% de ciano, 0% de magenta, 0.5% de amarelo e 19.6% de preto. Tem um ângulo de matiz de 60 graus, uma saturação de 1% e uma leveza de 80.2%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #cdcdcc 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 cdcdcc
RGB 205, 205, 204
RGB Percentagem 80.4%, 80.4%, 80%
CMYK 0, 0, 0, 0.2
HSL 60°, 1%, 80.2%
HSV (ou HSB) 60°, 0.5%, 80.4%
RYB 80, 80.4, 80
Formato Cor
XYZ 60.4, 63.6, 68.7
CIELab 83.74, -0.17, 0.46
Decimal 13487564
Yxy 61.0014, 0.3134, 0.3302
YUV 204.886, 127.5, 128.0813
CIELuv 82.3795, 0.0562, 0.7792
Web Safe CCCCCC

Distribuição de #cdcdcc

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.

#cdcdcc

#cdcdcc
rgb(205,205,204)

#cccccd

#cccccd
rgb(204,204,205)

Cores triadicas

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

#cccdcd

#cccdcd
rgb(204,205,205)

#cdcdcc

#cdcdcc
rgb(205,205,204)

#cdcccd

#cdcccd
rgb(205,204,205)

Cores tetrádicas

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

#cccdcd

#cccdcd
rgb(204,205,205)

#cdcdcc

#cdcdcc
rgb(205,205,204)

#cccccd

#cccccd
rgb(204,204,205)

#cdcccd

#cdcccd
rgb(205,204,205)

Cores monocromáticas

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

#cdcdcc

#cdcdcc
rgb(205,205,204)

#cdcda2

#cdcda2
rgb(205,205,162)

#cdcda0

#cdcda0
rgb(205,205,160)

#cdcd9e

#cdcd9e
rgb(205,205,158)

#cdcd9c

#cdcd9c
rgb(205,205,156)

#cdcd9a

#cdcd9a
rgb(205,205,154)

Tons e Matizes de #cdcdcc

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

Matiz (adicionando branco)
#cdcdcc

#cdcdcc
rgb(205,205,204)

#d7d7d6

#d7d7d6
rgb(215,215,214)

#e1e1e0

#e1e1e0
rgb(225,225,224)

#ebebea

#ebebea
rgb(235,235,234)

#f5f5f4

#f5f5f4
rgb(245,245,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cdcdcc

#cdcdcc
rgb(205,205,204)

#a4a4a3

#a4a4a3
rgb(164,164,163)

#7b7b7a

#7b7b7a
rgb(123,123,122)

#515151

#515151
rgb(81,81,81)

#282828

#282828
rgb(40,40,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cdcdcc

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cdcdcc.

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

Este elemento tem uma cor de borda de #cdcdcc.

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

Cores alietórias

#151e69

#151e69
rgb(21,30,105)

#d4f783

#d4f783
rgb(212,247,131)

#64d31d

#64d31d
rgb(100,211,29)

#6e3aed

#6e3aed
rgb(110,58,237)

#3ce986

#3ce986
rgb(60,233,134)

#fe5b3c

#fe5b3c
rgb(254,91,60)

#12995d

#12995d
rgb(18,153,93)

#29d17d

#29d17d
rgb(41,209,125)

#dfff2b

#dfff2b
rgb(223,255,43)

#fa662a

#fa662a
rgb(250,102,42)

#3efac4

#3efac4
rgb(62,250,196)

#546754

#546754
rgb(84,103,84)