Informação da cor #cfcdd9

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

No padrão de cores CMYK, é composto por 4.6% de ciano, 5.5% de magenta, 0% de amarelo e 14.9% de preto. Tem um ângulo de matiz de 250 graus, uma saturação de 13.6% e uma leveza de 82.8%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #cfcdd9 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 cfcdd9
RGB 207, 205, 217
RGB Percentagem 81.2%, 80.4%, 85.1%
CMYK 0.05, 0.06, 0, 0.15
HSL 250°, 13.6%, 82.8%
HSV (ou HSB) 250°, 5.5%, 85.1%
RYB 81.2, 80.4, 85.1
Formato Cor
XYZ 62.4, 64.5, 76.8
CIELab 84.2, 2.7, -5.28
Decimal 13618649
Yxy 61.9377, 0.3059, 0.3153
YUV 206.966, 133.6625, 128.0243
CIELuv 82.8803, 0.4247, -9.224
Web Safe CCCCCC

Distribuição de #cfcdd9

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.

#cfcdd9

#cfcdd9
rgb(207,205,217)

#d8d9cd

#d8d9cd
rgb(216,217,205)

Cores triadicas

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

#d9cfcd

#d9cfcd
rgb(217,207,205)

#cfcdd9

#cfcdd9
rgb(207,205,217)

#cdd9cf

#cdd9cf
rgb(205,217,207)

Cores tetrádicas

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

#d9cdd2

#d9cdd2
rgb(217,205,210)

#cfcdd9

#cfcdd9
rgb(207,205,217)

#d8d9cd

#d8d9cd
rgb(216,217,205)

#cdd9d5

#cdd9d5
rgb(205,217,213)

Cores monocromáticas

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

#cfcdd9

#cfcdd9
rgb(207,205,217)

#b3acd9

#b3acd9
rgb(179,172,217)

#b2aad9

#b2aad9
rgb(178,170,217)

#b0a7d9

#b0a7d9
rgb(176,167,217)

#aea5d9

#aea5d9
rgb(174,165,217)

#aca3d9

#aca3d9
rgb(172,163,217)

Tons e Matizes de #cfcdd9

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

Matiz (adicionando branco)
#cfcdd9

#cfcdd9
rgb(207,205,217)

#d8d7e0

#d8d7e0
rgb(216,215,224)

#e2e1e8

#e2e1e8
rgb(226,225,232)

#ebebef

#ebebef
rgb(235,235,239)

#f5f5f7

#f5f5f7
rgb(245,245,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cfcdd9

#cfcdd9
rgb(207,205,217)

#a5a4ad

#a5a4ad
rgb(165,164,173)

#7c7b82

#7c7b82
rgb(124,123,130)

#525156

#525156
rgb(82,81,86)

#29282b

#29282b
rgb(41,40,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cfcdd9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cfcdd9.

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

Este elemento tem uma cor de borda de #cfcdd9.

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

Cores alietórias

#f7f068

#f7f068
rgb(247,240,104)

#90678a

#90678a
rgb(144,103,138)

#cd712a

#cd712a
rgb(205,113,42)

#434983

#434983
rgb(67,73,131)

#1f748d

#1f748d
rgb(31,116,141)

#304c1f

#304c1f
rgb(48,76,31)

#09587c

#09587c
rgb(9,88,124)

#9ae211

#9ae211
rgb(154,226,17)

#4f7161

#4f7161
rgb(79,113,97)

#d2a2e8

#d2a2e8
rgb(210,162,232)

#06ee1b

#06ee1b
rgb(6,238,27)

#3967fe

#3967fe
rgb(57,103,254)